@php
    $min_date = date('Y-m-d H:i', strtotime(now()));
@endphp
<div class="card">
    <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_user_register" aria-expanded="true" aria-controls="kt_user_register">
        <div class="card-title m-0">
            <h3 class="fw-bolder m-0">{{ __('Create Scheduled Page') }}</h3>
        </div>
    </div>

    <div class="card-body border-top p-9">
       @include('partials.alerts.main')
        <div id="form_container">
            <form method="POST" action="{{ route('page-schedule.store') }}" class="form w-100" id="kt_page_create_form">
                @csrf
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6 required">{{ __('Parent') }}</label>
                    <div class="col-lg-8">
                        <select name="parent" id="parent" data-control="select2" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" aria-placeholder="Select Parent">
                            <option value="" selected>Select Parent</option>
                            @foreach ($pages??[] as $key => $value)
                                <option value="{{$key}}">{{$value}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6 required">{{ __('Slug') }}</label>

                    <div class="col-lg-8">
                        <input type="text" id="text_slug" name="slug" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Page Slug" required/>

                    </div>
                </div>

                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6 required">{{ __('Name') }}</label>

                    <div class="col-lg-8">
                        <input type="text" name="name" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Page Name" required/>
                    </div>
                </div>

                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6">{{ __('Description') }}</label>

                    <div class="col-lg-8">
                        <textarea name="description" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" rows="5" placeholder="Page Description"></textarea>
                    </div>
                </div>

                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6 required">{{ __('Published Date') }}</label>
                    <div class="col-lg-8">
                        <div class="row">
                            <div class="col-lg-5 fv-row">
                                <input min="{{ $min_date }}" type="datetime-local" name="published_date" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" required/>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="separator separator my-8"></div>

                <div class="row mb-6">
                    <span class="col-lg-4 text-dark fw-bolder fs-3">Meta Section</span>
                </div>

                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6">{{ __('Robots') }}</label>

                    <div class="col-lg-8 align-items-center d-flex">
                        <div class="form-check form-check-solid form-switch fv-row">
                            <input class="form-check-input" name="meta[robots]" value="1" type="checkbox"/>
                        </div>
                    </div>
                </div>

                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6">{{ __('Title') }}</label>

                    <div class="col-lg-8">
                        <input type="text" name="meta[title]" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Page Meta Title" value=""/>
                    </div>
                </div>

                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6">{{ __('Description') }}</label>

                    <div class="col-lg-8">
                        <textarea name="meta[description]" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" rows="5" placeholder="Page Meta Description"></textarea>
                    </div>
                </div>
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6">{{ __('Keywords') }}</label>

                    <div class="col-lg-8">
                        <textarea name="meta[keywords]" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" rows="5" placeholder="Page Meta Keywords"></textarea>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="card-footer">
        <div class="text-center">
            <button type="submit" form="kt_page_create_form" class="btn btn-lg btn-primary">
                @include('partials.general._button-indicator')
            </button>
        </div>
    </div>
</div>

@section('scripts')
    <script>
        var slugs = {!! $slugs !!}
    </script>
@endsection
@section('title', 'Create Page')