@extends('admin.layouts.masterlayout')
@section('styles')
 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css">
<style>
    textarea.cke_source.cke_reset.cke_enable_context_menu.cke_editable.cke_editable_themed.cke_contents_ltr {
        color: black;
    }
</style>
@endsection
@section('content')
<div class="main-content">
<!--- ckeditor js start  here -->

<!--********************************** Content body start  ***********************************-->
<div class="content-wrapper">
    <div class="row page-titles mx-0" data-aos="fade-up">
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">

        </div>
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active"><a href="{{route($modelName.'.view_pages')}}">All Pages</a></li>
                <li class="breadcrumb-item">Add</li>
            </ol>
        </div>
    </div>
    <!-- row -->
    <div class="row">
        <div class="col-xl-12 col-xxl-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header">
                    <h4 class="card-title">Add Page</h4>
                </div>
                <div class="card-body">
                    <div class="basic-form">
                        {{ Form::open(['role' => 'form' , 'id'=>'playerAddForm' , 'route'=>[$modelName.'.add_pages'] , 'files' => true , 'method'=>'post'  ]) }}

                         {{csrf_field('post')}}
                            <div class="form-row row g-3 my-3">
                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Page Name</label>
                                    <input class="form-control in_text" placeholder="Enter page name" autocomplete="off" id="page_name" name="page_name" type="text" value="">
                                    <div class="error-message help-inline">
                                      {{$errors->first('page_name')}}
                                    </div>
                                </div>

                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Page Title</label>
                                    <input class="form-control in_text" autocomplete="off" placeholder="Enter page title" id="title" name="title" type="text" value="">
                                    <div class="error-message help-inline">
                                      {{$errors->first('title')}}
                                   </div>
                               </div>
                            </div>

                            <div class="form-row row g-3 my-3">

                              <div class="form-group col-md-6">
                                <label class="lbl_frm py-2">Header</label>
                                 <select name="is_header" id="mobile_users" class="form-control in_text" >
                                    <option value="" selected >select Header</option>
                                    <option value="0" >Hide</option>
                                    <option value="1">Show</option>
                                 </select>
                                  {{$errors->first('is_header')}}
                              </div>

                              <div class="form-group col-md-6">
                                  <label class="lbl_frm py-2">Footer</label>
                                <select name="is_footer" id="mobile_users" class="form-control in_text" >
                                    <option value="" selected >Select Footer</option>
                                    <option value="0" >Hide</option>
                                    <option value="1" >Show</option>
                                </select>
                                  {{$errors->first('is_footer')}}
                              </div>

                           </div>

                           <div class="form-row row g-3 my-3">

                               <div class="form-group col-md-6">
                                 <label class="lbl_frm py-2">Page URL</label>
                                 <input class="form-control in_text" placeholder="Enter page url" autocomplete="off"  id="page_name" name="page_url" type="text" value="">
                                   {{$errors->first('page_url')}}
                               </div>


                               <div class="form-group col-md-6">
                                 <label class="lbl_frm py-2">Web Title</label>
                                 <input class="form-control in_text" autocomplete="off" placeholder="Enter page web title"  id="web_title" name="web_title" type="text" value="">
                                   {{$errors->first('web_title')}}
                               </div>

                           </div>

                           <div class="form-row">
                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label">Page Content</label>
                                   <div class="col-sm-10">
                                      <textarea class="form-control ckeditor" rows="4" id="content" name="content"></textarea>
                                      {{$errors->first('content')}}
                                    </div>
                                </div>
                           </div>

                           <div class="form-row">
                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label">Meta Content</label>
                                   <div class="col-sm-10">
                                      <textarea class="form-control ckeditor" rows="4" id="meta_content" name="meta_content"></textarea>
                                      {{$errors->first('meta_content')}}
                                    </div>
                                </div>
                           </div>

                            <div class="py-2">
                            <button type="submit" class="btn btn-primary mr-2">Submit</button>
                            <button class="btn btn-gray" type="button"onclick="window.location.reload()">Cancel</button></div>
                        {{ Form::close() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script src="{{asset('js/admin/ckeditor/ckeditor.js')}}"></script>

<script type="text/javascript">
    $(document).ready(function(){
        $("#dob").datetimepicker({
            timepicker: false,
            format:'Y-m-d'
        });
        $(document).on("click","#cancel_btn", function(){
            let href = $(".breadcrumb-item.active a").attr("href");
            // console.log(href)
            window.location = href;
        });
    });
</script>
<!--**********************************
Content body end
***********************************-->
@endsection