@extends('admin.layouts.app')
@section('content')
<section class='forms'>
    <div class='container-fluid'>
        <div class='row'>
            <div class='col-lg-12'>
                <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='blade_file_name' id='blade_file_name' value='default-page'>
                    <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') !!}' 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') !!}' 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') !!}' 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') !!}' 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='3'>{!! old('meta_description') !!}</textarea>
                                        @error('meta_description')
                                        <span class='error' role='alert'>{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-sm-3">
                                        <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(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(old('is_private') == "0" || old('is_private') == "") 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' checked>Active
                                                    <h1></h1>
                                                </div>
                                                <div class='radiobtn'>
                                                    <input type='radio' id='is_active_no' class='form-control checkboxinput' name='is_active' value='0'>Inactive
                                                    <h1></h1>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <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'>{!! old('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') !!}' class='form-control' placeholder='1234'>
                                        @error('elexio_group_id')
                                        <span class='error' role='alert'>{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class='accordion' id='accordionExample'>
                            <!-- 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>
                                                <p class='require-size mb-1'>* Require size in pixel. <span>(1920x500)</span></p>
                                            </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>
                                    </div>
                                </div>
                            </div>
                            <!-- Main Banner Section END -->
                            @includeIf('admin.cms.includes.default-page')
                        </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>
            </div>
        </div>
    </div>
</section>
@include('admin.media.add_popup')
@section('js')
{!! config('constants.TINY_MCE_SCRIPT') !!}
<script src='{!! asset('assets/backend/js/pages/cms/default-page.js') !!}'></script>
@stop
@endsection