@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='duplicate_from' id='duplicate_from' 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.cms.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='{!! route('admin.'.request()->segment(2).'.store') !!}' method='POST' class='form-horizontal' enctype='multipart/form-data'>
                    @csrf
                    <input type='hidden' name='duplicate_from' value='{!! $cms->id !!}'>
                    <input type='hidden' name='blade_file_name' value='{!! $cms->blade_file_name !!}'>
                    <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) !!}' class='form-control'>
                                        @error('title')
                                        <span class='error' role='alert'>{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class='col-sm-6'>
                                        <label class='form-control-label'>Slug</label>
                                        <input type='text' name='slug' id='slug' value='{!! old('slug', $cms->slug) !!}' class='form-control'>
                                        @error('slug')
                                        <span class='error' role='alert'>{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class='form-group row'>
                                    <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) !!}' class='form-control'>
                                        @error('subtitle')
                                        <span class='error' role='alert'>{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class='col-sm-6'>
                                        <label class='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>
                                <div class='form-group row'>
                                    <div class='col-sm-6'>
                                        <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 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>
                                @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 <span class='require-size mb-1'>URL with script tag</span></label>
                                        <textarea name='elexio_form_embed_code' id='elexio_form_embed_code' class='form-control' rows='3' placeholder=''>{!! 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'>
                                                <textarea name='meta[main_banner_title]' id='main_banner_title' class='form-control clsSimpleEditor'>{!! @$metaArr['main_banner_title'] !!}</textarea>
                                            </div>
                                        </div>

                                        <div class='form-group row'>
                                            <label class='col-sm-3 form-control-label'>Sub Title</label>
                                            <div class='col-sm-9'>
                                                <textarea name='meta[main_banner_subtitle]' id='main_banner_subtitle' class='form-control clsSimpleEditor'>{!! @$metaArr['main_banner_subtitle'] !!}</textarea>
                                            </div>
                                        </div>
                                        @if(in_array($cms->id, [1,24,25,28,29]))
                                        <!-- home,register,login,forgot-password,reset-password -->
                                        <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' rows='5'>{!! @$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='location.href="{!! route('admin.cms.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')
@if(isset($cms->slug))
{!! config('constants.TINY_MCE_SCRIPT') !!}
<!-- <script src='{!! asset('assets/backend/js/pages/'.request()->segment(2).'.js') !!}'></script> -->
@if($viewPage)
<script src='{!! asset('assets/backend/js/pages/cms/'.$viewPage.'.js') !!}'></script>
@endif
@else
<script>
$('#duplicate_from').select2();
</script>
@endif
@stop
@endsection