@extends('admin.layouts.app')
@section('content')
<section class="forms">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                @if(!$cms)
                <form id="frmAddUpdate" name="frmAddUpdate" action="{!! route('admin.'.request()->segment(2).'.add') !!}" method="get" class="form-horizontal" enctype="multipart/form-data">
                    <div class="col-lg-06">
                        <div class="card">
                            <div class="card-body">
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Select Page</label>
                                    <div class="col-sm-9">
                                        <select name="parent_id" id="parent_id" class="form-control">
                                            @foreach($allPages as $allPage)
                                            <option value="{!! $allPage->id !!}">{!! $allPage->title !!}</option>
                                            @endforeach()
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-sm-12 text-center">
                                        <button type="button" class="btn btn-secondary" onclick="window.location.href='{!! route('admin.'.request()->segment(2).'.index') !!}';">Cancel</button>
                                        <button type="submit" class="btn btn-primary">Select</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                @else
                <form id="frmAddUpdate" name="frmAddUpdate" action="{!! $newCms->id ? route('admin.'.request()->segment(2).'.update') : route('admin.'.request()->segment(2).'.store') !!}" method="POST" class="form-horizontal" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id" value="{!! $newCms->id !!}">
                    <input type="hidden" name="parent_id" value="{!! $cms->id !!}">
                    <input type="hidden" name="slug" value="{!! $cms->slug !!}">
                    <input type='hidden' name='blade_file_name' value='{!! $cms->blade_file_name !!}'>
                    <p class="require-size mb-1">All timings are in Eastern Time (ET).</p>
                    <div class="col-lg-06">
                        <div class="card">
                            <div class="card-body">
                                <div class="form-group row">
                                    <div class='col-sm-6'>
                                        <label class="form-control-label">Page Title</label>
                                        <input type='text' name='title' id='title' value='{!! old('title') ?? ($cms->title ?? $cms->title) !!}' class='form-control'>
                                        @error('title')
                                        <span class='error' role='alert'>{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class='col-sm-6'>
                                        <label class="form-control-label">Sub Title</label>
                                        <input type="text" name="subtitle" id="subtitle" value="{!! old('subtitle') ?? ($cms->subtitle ?? $cms->subtitle) !!}" class="form-control">
                                        @error('subtitle')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class='col-sm-4'>
                                        <label class="form-control-label">Publish Title</label>
                                        <input type="text" name="publish_title" id="publish_title" value="{!! old('publish_title') ?? $cms->publish_title !!}" class="form-control">
                                        @error('publish_title')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class='col-sm-4'>
                                        <label class="form-control-label" for="fileInput">Publish Start At (<span class="require-size mb-1">* Require date format is {!! config('constants.INPUT_DATE_FORMAT') !!}</span>)</label>
                                        <div style="display:flex">
                                            <input type="text" name="publish_start_date" id="publish_start_date" value="{!! old('publish_start_date') ?? convertUtcToEt($cms->publish_start_at,config('constants.INPUT_DATE_FORMAT')) !!}" class="form-control clsManualDatePicker" style="width: 50%;">
                                            <input type='text' name="publish_start_time" id="publish_start_time" value="{!! old('publish_start_time') ?? ($cms->publish_start_at ? convertUtcToEt($cms->publish_start_at,'H:i') : "") !!}" class="inptp">
                                        </div>
                                        @error('publish_start_date')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class='col-sm-4'>
                                        <label class="form-control-label" for="fileInput">Publish End At (<span class="require-size mb-1">* Require date format is {!! config('constants.INPUT_DATE_FORMAT') !!}</span>)</label>
                                        <div style="display:flex">
                                            <input type="text" name="publish_end_date" id="publish_end_date" value="{!! old('publish_end_date') ?? convertUtcToEt($cms->publish_end_at,config('constants.INPUT_DATE_FORMAT')) !!}" class="form-control clsManualDatePicker" style="width: 50%;">
                                            <input type='text' name="publish_end_time" id="publish_end_time" value="{!! old('publish_end_time') ?? ($cms->publish_end_at ? convertUtcToEt($cms->publish_end_at,'H:i') : "") !!}" class="inptp">
                                        </div>
                                        @error('publish_end_date')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-6">
                                        <label class="col-sm-3 form-control-label">Meta Title</label>
                                        <input type="text" name="meta_title" id="meta_title" value="{!! old('meta_title') ?? ($cms->meta_title ?? $cms->title) !!}" class="form-control">
                                        @error('meta_title')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-sm-3 form-control-value">
                                        <label class="form-control-label">Is Private?</label>
                                        <div class="radiobox">
                                            <div class="radio-wrap">
                                                <div class="radiobtn">
                                                    <input type="radio" id="is_private_yes" class="form-control checkboxinput" name="is_private" value="1" @if($cms->is_private == "1" || old('is_private') == "1") checked @endif>Yes
                                                    <h1></h1>
                                                </div>
                                                <div class="radiobtn">
                                                    <input type="radio" id="is_private_no" class="form-control checkboxinput" name="is_private" value="0" @if($cms->is_private == "0" || old('is_private') == "0") checked @endif>No
                                                    <h1></h1>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-control-label">Status</label>
                                        <div class="radiobox">
                                            <div class="radio-wrap">
                                                <div class="radiobtn">
                                                    <input type="radio" id="is_active_yes" class="form-control checkboxinput" name="is_active" value="1" {!! $cms->is_active == '1' ? 'checked' : '' !!} checked>Active
                                                    <h1></h1>
                                                </div>
                                                <div class="radiobtn">
                                                    <input type="radio" id="is_active_no" class="form-control checkboxinput" name="is_active" value="0" {!! $cms->is_active == '0' ? 'checked' : '' !!} >Inactive
                                                    <h1></h1>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-9">
                                        <label class="form-control-label">Meta Description</label>
                                        <textarea name="meta_description" id="meta_description" class="form-control" rows="5">{!! old('meta_description') ?? $cms->meta_description !!}</textarea>
                                        @error('meta_description')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                @if(!in_array($cms->id, [24,25,28,29,26,30,3,32,33,22,1]))
                                <!-- register, login, forgot-password, reset-password, onlinecampus, events, classes, media,new-here, blogs, home -->
                                <hr>
                                <div class="form-group row">
                                    <div class="col-sm-9">
                                        <label class="form-control-label">Embed</label>
                                        <textarea name="elexio_form_embed_code" id="elexio_form_embed_code" class="form-control" rows="3" placeholder='<script src="https://forms.ministryforms.net/embed.aspx?formId=c8ff6c00-3548-442d-ae61-6be32a17440c"></script>'>{!! old('elexio_form_embed_code') ?? $cms->elexio_form_embed_code !!}</textarea>
                                        @error('elexio_form_embed_code')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-control-label">Elexio Group ID</label>
                                        <input type="text" name="elexio_group_id" id="elexio_group_id" value="{!! old('elexio_group_id') ?? $cms->elexio_group_id !!}" class="form-control" placeholder="1234">
                                        @error('elexio_group_id')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                        <div class="accordion" id="accordionExample">
                            @if(!in_array($cms->id, [26,30,31,32,33]))
                            <!-- onlinecampus,events,classes,media,new-here -->
                            <!-- Main Banner Section -->
                            <div class="card">
                                <div class="card-header" id="main_banner_section" data-toggle="collapse" data-target="#main_banner_section_collapse" aria-expanded="false" aria-controls="main_banner_section_collapse">
                                    <h3>Main Banner Section</h3>
                                </div>
                                <div id="main_banner_section_collapse" class="collapse" aria-labelledby="main_banner_section" data-parent="#accordionExample">
                                    <div class="card-body">
                                        <div class='form-group row'>
                                            <div class='col-sm-3'>
                                                <label class='form-control-label'>Image / Video</label>
                                                @if(in_array($cms->id, [1]))
                                                <p class='require-size mb-1'>* Require size in pixel. <span>(1920x903)</span></p>
                                                @elseif(in_array($cms->id, [22]))
                                                <p class='require-size mb-1'>* Require size in pixel. <span>(990x526)</span></p>
                                                @elseif(in_array($cms->id, [24,25,28,29]))
                                                <p class='require-size mb-1'>* Require size in pixel. <span>(1200x1024)</span></p>
                                                @else
                                                <p class='require-size mb-1'>* Require size in pixel. <span>(1920x500)</span></p>
                                                @endif
                                            </div>
                                            <div class='form-inline col-sm-3 align-items-flex-start'>
                                                <div class='form-inline form-fileUpload'>
                                                    <input type='hidden' name='meta[main_banner_img_type]' value='{!! $metaArr['main_banner_img_type'] ?? 'image' !!}'>
                                                    <input id='main_banner_img' name='meta[main_banner_img]' type='hidden' value='{!! @$metaArr['main_banner_img'] !!}'>

                                                    {!! getMedipickerButton('Image,Video',"meta[main_banner_img]","meta[main_banner_img_alt]","meta[main_banner_img_type]","div_main_banner_img_preview") !!}
                                                </div>
                                                <div id="div_main_banner_img_preview">
                                                    @if(@$metaArr['main_banner_img'] && @$metaArr['main_banner_img_type'] == 'video')
                                                    <div>
                                                        <video class="video_preview" controls playsinline>
                                                            <source src='{!! getCmsFileUrl(@$metaArr['main_banner_img']) !!}' type='video/mp4'>
                                                            <source src='{!! getCmsFileUrl(@$metaArr['main_banner_img']) !!}' type='video/ogg'>
                                                            Your browser does not support the video tag.
                                                        </video>
                                                    </div>
                                                    @else
                                                    <div class='imageRounded'>
                                                        <img src='@if(@$metaArr['main_banner_img'] && @$metaArr['main_banner_img_type'] == 'image'){!! getCmsFileUrl(@$metaArr['main_banner_img']) !!} @else {!! asset('assets/backend/images/no-image.png') !!} @endif' class='img-fluid image_preview'>
                                                    </div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class='col-sm-6'>
                                                <label class='form-control-label'>Alt Tag Text</label>
                                                <input type="text" name='meta[main_banner_img_alt]' id='main_banner_img_alt' class='form-control' value="{!! @$metaArr['main_banner_img_alt'] !!}">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">Title</label>
                                            <div class="col-sm-9">
                                                <input type="text" name="meta[main_banner_title]" id="main_banner_title" value="{!! @$metaArr['main_banner_title'] !!}" class="form-control clsSimpleEditor">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">Sub Title</label>
                                            <div class="col-sm-9">
                                                <input type="text" name="meta[main_banner_subtitle]" id="main_banner_subtitle" value="{!! @$metaArr['main_banner_subtitle'] !!}" class="form-control clsSimpleEditor">
                                            </div>
                                        </div>
                                        @if(in_array($cms->id, [1,24,25,28,29]))
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">Description</label>
                                            <div class="col-sm-9">
                                                <textarea class="form-control clsFullEditor" name="meta[main_banner_description]" id="main_banner_description">{!! @$metaArr['main_banner_description'] !!}</textarea>
                                            </div>
                                        </div>
                                        @if(in_array($cms->id, [1]))
                                        <div class='form-group row'>
                                            <label class='col-sm-3 form-control-label'>Button Caption</label>
                                            <div class='col-sm-3'>
                                                <input type='text' name='meta[main_banner_btn_caption]' id='main_banner_btn_caption' value='{!! @$metaArr['main_banner_btn_caption'] !!}' class='form-control'>
                                            </div>
                                            <label class='col-sm-3 form-control-label text-md-right'>Open link in new window?</label>
                                            <div class="col-md-3 radiobox">
                                                <div class="radio-wrap">
                                                    <div class="radiobtn">
                                                        <input type="radio" class="form-control checkboxinput" name='meta[main_banner_btn_link_open_in_new_tab]' value="1" {!! @$metaArr['main_banner_btn_link_open_in_new_tab'] == '1' ? 'checked' : '' !!}>Yes
                                                        <h1></h1>
                                                    </div>
                                                    <div class="radiobtn">
                                                        <input type="radio" class="form-control checkboxinput" name='meta[main_banner_btn_link_open_in_new_tab]' value="0" {!! @$metaArr['main_banner_btn_link_open_in_new_tab'] != '1' ? 'checked' : '' !!}>No
                                                        <h1></h1>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">More Info Link</label>
                                            <div class="col-sm-9">
                                                <input type="url" name="meta[main_banner_more_info]" id="main_banner_more_info" value="{!! @$metaArr['main_banner_more_info'] !!}" class="form-control">
                                            </div>
                                        </div>
                                        <div class='form-group row'>
                                            <label class='col-sm-3 form-control-label'>Next Event Title</label>
                                            <div class='col-sm-9'>
                                                <input type='text' name='meta[main_banner_next_event_title]' id='main_banner_next_event_title' value='{!! @$metaArr['main_banner_next_event_title'] !!}' class='form-control'>
                                            </div>
                                        </div>
                                        @endif
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <!-- Main Banner Section END -->
                            @endif
                            @php
                            if($cms->duplicate_from) {
                                $viewPage = @$cms->duplicate->blade_file_name;
                            } else {
                                $viewPage = $cms->blade_file_name;
                            }
                            @endphp
                            @includeIf('admin.cms.includes.'.$viewPage)
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-12 text-center">
                                <button type="button" class="btn btn-secondary" onclick="window.location.href='{!! route('admin.'.request()->segment(2).'.index') !!}';">Cancel</button>
                                <button type="submit" class="btn btn-primary">Save changes</button>
                            </div>
                        </div>
                    </div>
                </form>
                @endif
            </div>
        </div>
    </div>
</section>
@include('admin.media.add_popup')
@section('js')
<script src="{!! asset('assets/backend/js/pages/'.request()->segment(2).'.js') !!}"></script>
@if(@$viewPage)
{!! config('constants.TINY_MCE_SCRIPT') !!}
<script src="{!! asset('assets/backend/js/pages/cms/'.$viewPage.'.js') !!}"></script>
@else
<script>
$("#parent_id").select2();
</script>
@endif
@stop
@endsection