@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="{!! $content->id ? route('admin.content.update') : route('admin.content.store') !!}" method="POST" class="form-horizontal" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id" value="{!! $content->id !!}">
                    <p class="require-size mb-1">All timings are in Eastern Time (ET).</p>
                    @if($errors->any())
                    {{ implode('', $errors->all('<div>:message</div>')) }}
                    @endif
                    <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">Title</label>
                                    <div class="col-sm-9">
                                        <input type="text" name="name" id="name" value="{!! old('name') ?? $content->name !!}" class="form-control">
                                        @error('name')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Ministry</label>
                                    <div class="col-sm-9">
                                        <select name="type_id" id="type_id" class="form-control">
                                            <option value="">Select Ministry</option>
                                            @if($types->count() > 0)
                                            @foreach($types as $type)
                                            <option value="{!! $type->id !!}" @if($type->id == $content->type_id) selected @endif>{!! $type->name !!}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        @error('type_id')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <!-- <div class="col-sm-1 form-control-label">
                                        - OR -
                                    </div> -->
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Series</label>
                                    <div class="col-sm-9">
                                        <select name="series_id" id="series_id" class="form-control">
                                            <option value="">Select Series</option>
                                            @if($seriess->count() > 0)
                                            @foreach($seriess as $series)
                                            <option value="{!! $series->id !!}" @if($series->id == $content->series_id) selected @endif>{!! $series->name !!}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        @error('series_id')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Category</label>
                                    <div class="col-sm-9">
                                        <select name="categories[]" id="categories" class="form-control" multiple>
                                            <option value="">Select Category</option>
                                            @if($categories->count() > 0)
                                            @foreach($categories as $category)
                                            <option value="{!! $category->id !!}" @if(in_array($category->id,$selectedCategories)) selected @endif>{!! $category->name !!}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        @error('categories[]')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Is On Demand?</label>
                                    <div class="col-sm-3 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="on_demand_yes" class="form-control checkboxinput" name="on_demand" value="1" {!! $content->on_demand == '1' ? 'checked' : '' !!} checked>Yes
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="on_demand_no" class="form-control checkboxinput" name="on_demand" value="0" {!! $content->on_demand == '0' ? 'checked' : '' !!}>No
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-sm-6" id="publish_at_div">
                                        <label class="form-control-label" for="fileInput">Publish 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_date" id="publish_date" value="{!! old('publish_date') ?? convertUtcToEt($content->publish_at,config('constants.INPUT_DATE_FORMAT')) !!}" class="form-control clsManualDatePicker" style="width: 50%;">
                                            <input type='text' name="publish_time" id="publish_time" value="{!! old('publish_time') ?? ($content->publish_at ? convertUtcToEt($content->publish_at,'H:i') : "") !!}" class="inptp">
                                        </div>
                                        @error('publish_date')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <div class="col-md-3">
                                        <label class="form-control-label" for="fileInput">Image</label>
                                        <p class="require-size mb-1">* Require size in pixel. (520*290)</p>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="d-md-flex align-items-center image_div">
                                            {!! getMedipickerButton('Image',"image","image_alt","image_type","div_image_preview") !!}
                                            <div class="show-image imageRounded mt-3 mt-md-0" id="div_image_preview">
                                                <img src="{!! old('image') ?? $content->image_url !!}" class="img-fluid">
                                            </div>
                                        </div>
                                        <input id="image_old" name="image_old" type="hidden" value="{!! $content->image !!}">
                                        <input id="selected_media" name="image" type="hidden" value="{!! old('image') !!}">
                                        @error('image')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-control-label">Image Alt Tag Text</label>
                                        <input type="text" name="image_alt" id="image_alt" value="{!! old('image_alt') ?? $content->image_alt !!}" placeholder="Enter image alt text" class="form-control">
                                        @error('image_alt')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Preview Video</label>
                                    <div class="col-sm-9 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="is_custom_preview_video_yes" class="form-control checkboxinput" name="is_custom_preview_video" value="1" {!! $content->is_custom_preview_video == '1' ? 'checked' : '' !!} checked>Choose Video
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="is_custom_preview_video_no" class="form-control checkboxinput" name="is_custom_preview_video" value="0" {!! (!$content->is_custom_preview_video || $content->is_custom_preview_video == '0') ? 'checked' : '' !!} >Add URL
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row" id="div_custom_preview_video_yes">
                                    <div class="col-md-3">
                                        <label class="form-control-label">&nbsp;</label>
                                    </div>
                                    <div class='form-inline col-sm-9'>
                                        <div class='form-inline form-fileUpload'>
                                            <input id='preview_video' name='preview_video' type='hidden' value="{!! $content->preview_video !!}">
                                            {!! getMedipickerButton('Video',"preview_video","preview_video_alt","preview_video_type","div_preview_video_preview") !!}
                                        </div>
                                        <div id="div_preview_video_preview">
                                            @if($content->preview_video)
                                            <video class="video_preview" controls playsinline>
                                                <source src='{!! $content->preview_video_link !!}' type='video/mp4'>
                                                <source src='{!! $content->preview_video_link !!}' type='video/ogg'>
                                                Your browser does not support the video tag.
                                            </video>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row" id="div_custom_preview_video_no">
                                    <div class="col-md-3">
                                        <label class="form-control-label">&nbsp;</label>
                                    </div>
                                    <div class="col-md-9">
                                        <p class="require-size mb-1">Add only url. Don't add iframe tag.</p>
                                        <input type="url" name="preview_video_url" id="preview_video_url" value="{!! old('preview_video_url') ?? $content->preview_video_url !!}" class="form-control" placeholder="https://mecklenburg.lightcastmedia.com/embed/console/dT0zMDY2JmM9NjU4Mjc4MDQwJnc9NjQwJmg9MzYw.html">
                                        @error('preview_video_url')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Video</label>
                                    <div class="col-sm-9 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="is_custom_video_yes" class="form-control checkboxinput" name="is_custom_video" value="1" {!! $content->is_custom_video == '1' ? 'checked' : '' !!} checked>Choose Video
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="is_custom_video_no" class="form-control checkboxinput" name="is_custom_video" value="0" {!! (!$content->is_custom_video || $content->is_custom_video == '0') ? 'checked' : '' !!} >Add URL
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row" id="div_custom_video_yes">
                                    <div class="col-md-3">
                                        <label class="form-control-label">&nbsp;</label>
                                    </div>
                                    <div class='form-inline col-sm-9'>
                                        <div class='form-inline form-fileUpload'>
                                            <input id='video' name='video' type='hidden' value="{!! $content->video !!}">
                                            {!! getMedipickerButton('Video',"video","video_alt","video_type","div_video_preview") !!}
                                        </div>
                                        <div id="div_video_preview">
                                            @if($content->video)
                                            <video class="video_preview" controls playsinline>
                                                <source src='{!! $content->video_url !!}' type='video/mp4'>
                                                <source src='{!! $content->video_url !!}' type='video/ogg'>
                                                Your browser does not support the video tag.
                                            </video>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row" id="div_custom_video_no">
                                    <div class="col-md-3">
                                        <label class="form-control-label">&nbsp;</label>
                                    </div>
                                    <div class="col-md-9">
                                        <p class="require-size mb-1">Add only url. Don't add iframe tag.</p>
                                        <input type="url" name="video_embed_url" id="video_embed_url" placeholder="https://mecklenburg.lightcastmedia.com/embed/console/dT0zMDY2JmM9NjU4Mjc4MDQwJnc9NjQwJmg9MzYw.html" value="{!! old('video_embed_url') ?? $content->video_embed_url !!}" class="form-control">
                                        @error('video_embed_url')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Elexio Form Embed Code</label>
                                    <div class="col-sm-6">
                                        <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') ?? $content->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') ?? $content->elexio_group_id !!}" class="form-control" placeholder="1234">
                                        @error('elexio_group_id')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <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="description" id="description" >{!! old('description') ?? $content->description !!}</textarea>
                                        @error('description')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class='form-group row'>
                                    <div class='col-sm-12 text-right'>
                                        <button type='button' class='btn btn-primary btnAddButton'>Add New Button</button>
                                    </div>
                                </div>
                                <div id='divButtonHtml'>
                                    @if($content->buttons()->count() > 0)
                                    @foreach($content->buttons as $buttons)
                                    @php $rand = rand(100,10000); @endphp
                                    <div class='ButtonBox box'>
                                        <div class='form-group row'>
                                            <div class='col-md-12 text-md-right'>
                                                <a href='javascript:void(0)' class='btn btn-sm btn-primary btnBoxMove' data-value='up' data-item='ButtonBox' title='Move this section to up'><i class='fa fa-sort-up'></i></a>&nbsp;&nbsp;
                                                <a href='javascript:void(0)' class='btn btn-sm btn-primary btnBoxMove' data-value='down' data-item='ButtonBox' title='Move this section to down'><i class='fa fa-sort-down'></i></a>&nbsp;&nbsp;
                                                <a href='javascript:void(0)' class='btn btn-sm btn-danger removeButton'><i class='far fa-trash-alt'></i></a>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">Button Caption</label>
                                            <div class="col-sm-4">
                                                <input type="text" name="buttons[{!! $rand !!}][caption]" value="{!! @$buttons->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-sm-2 radiobox">
                                                <div class="radio-wrap">
                                                    <div class="radiobtn">
                                                        <input type="radio" class="form-control checkboxinput" name="buttons[{!! $rand !!}][open_in_new_tab]" value="1" {!! @$buttons->open_in_new_tab == '1' ? 'checked' : '' !!} checked>Yes
                                                        <h1></h1>
                                                    </div>
                                                    <div class="radiobtn">
                                                        <input type="radio" class="form-control checkboxinput" name="buttons[{!! $rand !!}][open_in_new_tab]" value="0" {!! @$buttons->open_in_new_tab == '0' ? 'checked' : '' !!}>No
                                                        <h1></h1>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">Button Link</label>
                                            <div class="col-sm-9">
                                                <input type="url" name="buttons[{!! $rand !!}][link]" value="{!! @$buttons->link !!}" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                    @endif
                                </div>
                                <div class='form-group row' id='footerBtnAddButton'>
                                    <div class='col-sm-12 text-right'>
                                        <button type='button' class='btn btn-primary btnAddButton'>Add New Button</button>
                                    </div>
                                </div>

                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Is Registration Required?</label>
                                    <div class="col-sm-3 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="is_registration_required_yes" class="form-control checkboxinput" name="is_registration_required" value="1" {!! $content->is_registration_required == '1' ? 'checked' : '' !!}>Yes
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="is_registration_required_no" class="form-control checkboxinput" name="is_registration_required" value="0" {!! $content->is_registration_required == '0' ? 'checked' : '' !!}>No
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                    <label class="col-sm-3 form-control-label text-md-right">Password</label>
                                    <div class="col-sm-3">
                                        <input type="text" name="password" id="password" value="{!! old('password') ?? $content->password !!}" class="form-control">
                                        @error('password')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Status</label>
                                    <div class="col-sm-3 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="is_active_yes" class="form-control checkboxinput" name="is_active" value="1" {!! $content->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" {!! $content->is_active == '0' ? 'checked' : '' !!} >Inactive
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="line"> </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.content.index') !!}';">Cancel</button>
                                        <button type="submit" class="btn btn-primary">Save changes</button>
                                    </div>
                                </div>
                            </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/content.js') !!}?v={!! time() !!}"></script>
@stop
@endsection