@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="{!! $popup->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="{!! $popup->id !!}">
                    <div class="col-lg-06">
                        <div class="card">
                            <div class="card-body">
                                <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. (998x480)</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') ?? $popup->image_url !!}" class="img-fluid image_preview">
                                            </div>
                                        </div>
                                        <input id="image_old" name="image_old" type="hidden" value="{!! $popup->image !!}">
                                        <input id="selected_media" name="image" type="hidden" value="{!! old('image') !!}">
                                        @error('image')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr/>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Title</label>
                                    <div class="col-sm-9">
                                        <input type="text" name="title" id="title" value="{!! old('title') ?? $popup->title !!}" class="form-control">
                                        @error('title')
                                        <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-md-9">
                                        <textarea class="form-control clsFullEditor" name="description" id="description" placeholder="Enter popup description" rows="10">{!! old('description') ?? $popup->description !!}</textarea>
                                        @error('description')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr/>
                                <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="button_caption" id="button_caption" value="{!! old('button_caption') ?? $popup->button_caption !!}" class="form-control">
                                        @error('button_caption')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </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="open_in_new_tab" value="1" {!! @$popup->open_in_new_tab == '1' ? 'checked' : '' !!} checked>Yes
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" class="form-control checkboxinput" name="open_in_new_tab" value="0" {!! @$popup->open_in_new_tab == '0' ? 'checked' : '' !!}>No
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr/>
                                <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="button_link" id="button_link" value="{!! old('button_link') ?? $popup->button_link !!}" class="form-control">
                                        @error('button_link')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr/>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label" for="fileInput">Start Date & Time (<span class="require-size mb-1">* Require date format is {!! config('constants.INPUT_DATE_FORMAT') !!}</span>)</label>
                                    <div class="col-sm-9">
                                        <div style="display:flex">
                                            <input type="text" name="start_date" id="start_date" value="{!! old('start_date') ?? convertUtcToEt($popup->start_at,config('constants.INPUT_DATE_FORMAT')) !!}" class="form-control clsManualDatePicker" style="width: 10em;">
                                            <input type='text' name="start_time" id="start_time" value="{!! old('start_time') ?? ($popup->start_at ? convertUtcToEt($popup->start_at,'H:i') : "") !!}" class="inptp">
                                        </div>
                                        @error('start_date')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr/>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label" for="fileInput">End Date & Time (<span class="require-size mb-1">* Require date format is {!! config('constants.INPUT_DATE_FORMAT') !!}</span>)</label>
                                    <div class="col-sm-9">
                                        <div style="display:flex">
                                            <input type="text" name="end_date" id="end_date" value="{!! old('end_date') ?? convertUtcToEt($popup->end_at,config('constants.INPUT_DATE_FORMAT')) !!}" class="form-control clsManualDatePicker" style="width: 10em;">
                                            <input type='text' name="end_time" id="end_time" value="{!! old('end_time') ?? ($popup->end_at ? convertUtcToEt($popup->end_at,'H:i') : "") !!}" class="inptp">
                                        </div>
                                        @error('end_date')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr/>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label" for="fileInput">Popup show after? (<span class="require-size mb-1">Number of seconds</span>)</label>
                                    <div class="col-sm-3">
                                        <input type="number" name="show_after" id="show_after" value="{!! old('show_after') ?? ($popup->show_after ?? 0) !!}" class="form-control" min="0">
                                        @error('show_after')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <hr/>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Display For?</label>
                                    <div class="col-md-9 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="user_type_0" class="form-control checkboxinput" name="user_type" value="0" {!! $popup->user_type == '0' ? 'checked' : '' !!}>Guest Users
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="user_type_1" class="form-control checkboxinput" name="user_type" value="1" {!! $popup->user_type == '1' ? 'checked' : '' !!} >Logged In Users
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="user_type_2" class="form-control checkboxinput" name="user_type" value="2" {!! $popup->user_type == '2' ? 'checked' : '' !!}>Both Users
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr/>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Is display on all pages?</label>
                                    <div class="col-md-9 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="is_all_pages_yes" class="form-control checkboxinput" name="is_all_pages" value="1" {!! $popup->is_all_pages == '1' ? 'checked' : '' !!} checked>Yes
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="is_all_pages_no" class="form-control checkboxinput" name="is_all_pages" value="0" {!! $popup->is_all_pages == '0' ? 'checked' : '' !!} >No
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row" id="cms_ids_div">
                                    <div class="col-md-9 offset-md-3">
                                        @php
                                        $selectedPages = [];
                                        if(!$popup->is_all_pages && $popup->cms_ids) {
                                            $selectedPages = explode(",",$popup->cms_ids);
                                        }
                                        @endphp
                                        <label class=" form-control-label">Pages</label>
                                        <select name="cms_ids[]" id="cms_ids" class="form-control" multiple>
                                            <option value="">Select Pages</option>
                                            @if($allPages->count() > 0)
                                            @foreach($allPages as $allPage)
                                            <option value="{!! $allPage->id !!}" @if(in_array($allPage->id,$selectedPages)) selected @endif>{!! $allPage->title !!}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        @error('content_id')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                        <label class="form-control-label">URL</label>
                                        @php
                                        $urls = old('urls', isset($popup->urls) ? json_decode($popup->urls, true) : []);
                                        @endphp
                                        <input type="url" name="urls" id="urls" value="{!! old('urls') ?? @$urls[0] !!}" class="form-control">
                                    </div>
                                </div>
                                <hr/>
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Status</label>
                                    <div class="col-md-9 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="is_active_yes" class="form-control checkboxinput" name="is_active" value="1" {!! $popup->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" {!! $popup->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="javascript:window.location.href='{!! route('admin.'.request()->segment(2).'.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/'.request()->segment(2).'.js') !!}"></script>
@stop
@endsection