@extends('admin.layouts.main')
@section('content')
    <div class="col-md-12 col-sm-12 col-xs-12">
        <h2>
            Edit Event
        </h2>
    </div>
    <div class="col-md-12 col-sm-12 col-xs-12 gmn-updates">
        <div class="col-md-12 col-sm-12 admin-panel">
            <form class="event_form"  enctype="multipart/form-data ">
                <input type="hidden" name="event_id" value="{{$data->id}}" class="event_id">
                <input type="hidden" name="form_type" value="edit" class="form_type" id="form_type">
                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="col-md-12 col-sm-12 sub-section-title-band">
                        <h4 class="block_title">Category</h4>
                    </div>
                    <div class="col-md-6 col-sm-6 sub-section-content">
                        <div class="row">
                            <div class="col-md-8">
                                    <select  class="form-control category" name="category">
                                        <option value="">Select</option>
                                        @foreach ($category as $key => $value)
                                            <option value="{{$value->name}}" data-parent="{{$value->id}}" @if($data->category ==$value->name) selected @endif>{{$value->name}}</option>
                                        @endforeach
                                    </select>
                                <span class="text-danger category_e "></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-6 sub-section-content">
                        <div class="row">
                            <div class="col-md-8">
                                <select  class="form-control" name="sub_category" id="sub_category">
                                    <option value="">Select sub-category</option>
                                   @foreach ($sub_category as $key => $value)
                                        <option value="{{$value->name}}"  @if($data->sub_category ==$value->name) selected @endif>{{$value->name}}</option>
                                   @endforeach
                                </select>
                                <span class="text-danger sub_category_e "></span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="col-md-12 col-sm-12 sub-section-title-band">
                        <h4 class="block_title">Header</h4>
                    </div>
                    <div class="col-md-12 col-sm-12 sub-section-content">
                        <div class="form-group">
                            <label for="email">Headline
                                <span class="mandatory">*</span>
                            </label>
                            <input type="text" name="heading" class="form-control input-sm" id="headline"  value="{{$data->headline}}"/>
                            <span class="text-danger heading_e "></span>
                        </div>
                        <div class="form-group">
                            <label for="pwd">Subhead </label>
                            <input type="text" name="sub_heading" class="form-control input-sm" id="Subhead" value="{{$data->sub_headline}}" />
                            <!-- <has-error :form="EventForm" field="sub_heading"></has-error> -->
                        </div>

                        <div class="row" style="padding-top:10px;">
                            <div class="col-xs-12 col-sm-3 col-md-3 pad-l-0 pad-r-0">
                                <div class="form-group">
                                    <label for="pwd">Event start date and time
                                        <span class="mandatory">*</span>
                                    </label>
                                    <input type="text" name="start_date"  id="start_date" class="form-control input-sm" placeholder="" value="{{date_time_formt_to_html($data->start_date)}}" > 
                                   
                                    <span class="text-danger start_date_e "></span>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-3 col-md-3 pad-r-0">
                                <div class="form-group">
                                    <label for="pwd">Event end date and time
                                        <span class="mandatory">*</span>
                                    </label>
                                   <input type="text" name="end_date"  id= "end_date" class="form-control input-sm" placeholder="" value="{{date_time_formt_to_html($data->end_date)}}" >
                                   <span class="text-danger end_date_e "></span>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-3 col-md-3 pad-r-0">
                                <div class="form-group">
                                    <label for="pwd">Event registration last
                                        date
                                        <span class="mandatory">*</span>
                                    </label>
                                   <input type="text" name="reg_end_date"  id="reg_end_date" class="form-control input-sm" placeholder="" value="{{date_formt_to_html($data->reg_end_date)}}" > 
                                    <span class="text-danger reg_end_date_e "></span>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-3 col-md-3 pad-r-0">
                                <div class="form-group">
                                    <label for="pwd">Event Type
                                    </label>
                                    <select  class="form-control" name="location">
                                        <option value="">Select</option>
                                        <option value="Conference" @if($data->city=='Conference') selected="selected" @endif>Conference</option>
                                        <option value="Webinar" @if($data->city=='Webinar') selected="selected" @endif>Webinar</option>
                                        <option value="Round table" @if($data->city=='Round table') selected="selected" @endif>Round table</option>
                                        <option value="On-demand" @if($data->city=='On-demand') selected="selected" @endif>On-demand</option>
                                        <option value="Virtual Event"  @if($data->city=='Virtual Event') selected="selected" @endif>Virtual Event</option>
                                        <option value="Virtual Launch"  @if($data->city=='Virtual Launch') selected="selected" @endif>Virtual Launch</option>
                                        {{-- <option value="SIG Meeting" @if($data->city=='Conference') selected="selected" @endif>SIG meeting</option> --}}
                                        {{-- <option value="Others">Others</option> --}}
                                    </select>
                                    <span class="text-danger location_e "></span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-12 pad-l-r-0">
                            <div class="form-group">
                                <label for="pwd">Event address
                                </label>
                                <!-- <span class="mandatory" v-if="Mand">*</span> -->
                                    <textarea
                                        class="form-control"
                                        name="address"
                                        id="address"
                                        cols="30"
                                        rows="5"
                                    >{{$data->address}}</textarea>
                                    <span class="text-danger address_e "></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="col-md-12 col-sm-12 sub-section-title-band">
                        <h4 class="block_title">Content</h4>
                    </div>
                    <div class="col-md-12 col-sm-12 sub-section-content pad-l-r-0">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 ">
                                <div class="form-group">
                                    <label for="pwd">Description
                                        <span class="mandatory">*</span>
                                    </label>
                                    <textarea
                                        class="form-control"
                                        name="descriptions"
                                        id="textarea"
                                        cols="30"
                                        rows="5"
                                    >{{$data->description}}</textarea>
                                    <input type="hidden" name="description" id="descriptionss">
                                    <span class="text-danger description_e "></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="row" style="padding-top:10px;">
                        <div class="col-md-12 col-sm-12 sub-section-title-band">
                            <h4 class="block_title">Images</h4>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <label for="pwd">Thumb Image
                                    <span class="mandatory">*</span> <span class="img-size">(600 width x 454 height)</span>
                                    |&nbsp;&nbsp;
                                    <a target="_blank" href="{{url('').'/assets/event/'.$data->display_image}}">View</a>
                                </label>
                                <input type="file" name=""  id="display_image" class="form-control input-sm" placeholder="" > 
                                <input type="test" class="form-control input-sm hidden" name="display_image" id="display_image_val" />
                                <input type="hidden" class="form-control input-sm " value="{{$data->display_image}}" name="display_image_old" id="display_image_old" />
                                <span class="text-danger display_image_e "></span>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6 pad-r-0">
                            <div class="form-group">
                                <label for="pwd">Banner Image
                                    <span class="mandatory">*</span> <span class="img-size">(1140 width x 300 height)</span>
                                    @if($data->banner_image)
                                        |&nbsp;&nbsp;
                                        <a target="_blank" href="{{url('').'/assets/event/'.$data->banner_image}}">View</a>
                                    @endif
                                </label>
                            <input type="file" name=""  id= "banner_image" class="form-control input-sm" placeholder="" >
                            <input type="test" class="form-control input-sm hidden" name="banner_image" id="banner_image_val" />
                            <input type="hidden" class="form-control input-sm " value="{{$data->banner_image}}" name="banner_image_old" id="banner_image_old" />
                            <span class="text-danger banner_image_e "></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="row" style="padding-top:10px;">
                        <div class="col-md-12 col-sm-12 sub-section-title-band">
                            <h4 class="block_title">Media Title</h4>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <label for="Thumb Image title tag">Thumb Image Title
                                </label>
                                <input type="text" class="form-control input-sm " name="display_image_title" id="display_image_title" value="{{$data->display_image_title}}" />
                                <span class="text-danger display_image_title_e "></span>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6 pad-r-0">
                            <div class="form-group">
                                <label for="Banner Image title tag">Banner Image Title
                                </label>
                            <input type="text" class="form-control input-sm " name="banner_image_title" id="banner_image_title"  value="{{$data->banner_image_title}}" />
                            <span class="text-danger banner_image_title_e "></span>
                            </div>
                        </div>
                    </div>
                </div>            
                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="col-md-12 col-sm-12 sub-section-title-band">
                        <h4 class="block_title">Watch Video</h4>
                        <a href="javascript://" class="video_form_reset pull-right">Reset</a>
                    </div>
                    <div class="col-md-12 col-sm-12 sub-section-content pad-l-r-0 video_section">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group">
                                    <label for="pwd">Video display image
                                        <!-- <span class="mandatory">*</span> -->
                                        :
                                        @if($data->video && $data->video->image)
                                        |&nbsp;&nbsp;
                                            <a target="_blank" href="{{url('').'/assets/event/'.$data->video->image}}">View</a>
                                        @endif
                                    </label>
                                    
                                    <input type="file" class="form-control input-sm" name="" id="video_display_image" />
                                    <input type="test" class="form-control input-sm hidden" name="video_display_image" id="video_display_image_val" />
                                    <input type="hidden" class="form-control input-sm " @if($data->video) value="{{$data->video->image}}" @endif name="video_display_image_old" id="video_display_image_old" />
                                    <span class="text-danger video_display_image_e "></span>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group">
                                    <label for="banner_image">Video link
                                        <!-- <span class="mandatory">*</span> -->
                                    </label>
                                    <input type="text" class="form-control input-sm" name="video_link" @if($data->video) value="{{$data->video->link}}" @endif />
                                    <span class="text-danger video_link_e "></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group">
                                    <label for="banner_image">Video CTA text
                                        <!-- <span class="mandatory">*</span> -->
                                    </label>
                                    <input type="text" class="form-control input-sm" name="video_cta_text"  @if($data->video) value="{{$data->video->label}}" @endif/>
                                            <span class="text-danger video_cta_text_e "></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group">
                                    <label for="pwd">Video description</label>
                                    <span>(Limit: 700
                                        charecters)</span>
                                    <textarea  name="video_description" :maxlength="700" class="form-control input-sm">{{ $data->video ?  $data->video->description :''}}</textarea>
                                        <span class="text-danger video_description_e "></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="col-md-12 col-sm-12 sub-section-title-band">
                        <h4 class="block_title">View Images</h4>
                    </div>
                    <div class="col-md-12 col-sm-12 sub-section-content pad-l-r-0">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group">
                                    <label for="pwd" style="padding-right:10px;">Album display image
                                        <!-- <span class="mandatory">*</span> -->
                                        :
                                    </label>
                                    <input type="file" class="form-control input-sm" name="gallery_dp_image" id="gallery_dp_image" />
                                    <input type="test" class="form-control input-sm hidden" name="gallery_dp_image" id="gallery_dp_image_val" />
                                    <input type="hidden" class="form-control input-sm" @if($data->gallery) value="{{$data->gallery->image}}" @endif name="gallery_dp_image_old" id="gallery_dp_image_old" />
                                    <span class="text-danger gallery_dp_image_e "></span>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group">
                                    <label for="gallery_dp_image">Album link
                                        <!-- <span class="mandatory">*</span> -->
                                    </label>
                                    <input type="text" class="form-control input-sm" name="gallery_link" @if($data->gallery) value="{{$data->gallery->link}}" @endif/>
                                            <span class="text-danger gallery_link_e "></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group">
                                    <label for="banner_image">Album CTA text
                                        <!-- <span class="mandatory">*</span> -->
                                    </label>
                                    <input type="text" class="form-control input-sm" name="gallery_text" @if($data->gallery) value="{{$data->gallery->label}}" @endif/>
                                            <span class="text-danger gallery_text_e "></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> --}}
                    <div class="col-md-12 col-sm-12 admin-sub-section">
                        @include('admin.common.important_links')
                     </div>
                <div>
                    @php
                    $social_data = (array) json_decode($data->social_media_data);
                    $social_img = isset($social_data['img']) ? url('/').'/assets/event'.'/'.$social_data['img'] : '';
                    $social_title =  isset($social_data['img']) ? $social_data['title']:"";
                    $social_desc =  isset($social_data['img']) ? $social_data['desc']:"";
                    @endphp
                    @include('admin.common.socialshare_form')
                </div>
                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="col-md-12 col-sm-12 sub-section-title-band">
                        <h4 class="block_title">Acknowledgement email copy</h4>
                    </div>
                      <div class="col-md-12 col-sm-12 sub-section-content pad-l-r-0">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 ">
                                <div class="form-group">
                                    Subject <span class="mandatory">*</span> 
                                 <input type="text" class="form-control input-sm" name="email_subject" @if($data->ack_email) value="{{$data->ack_email->subject}}" @endif/>
                                    <span class="text-danger email_subject_e "></span>
                                </div>
                                <div class="form-group">
                                    <label for="pwd">Content
                                        <span class="mandatory">*</span>
                                    </label>
                                    <textarea
                                        class="form-control textarea"
                                        name="email_content"
                                        id="email_content"
                                        cols="30"
                                        rows="5"
                                    >@if($data->ack_email) {{$data->ack_email->content}}@endif</textarea>
                                    <span class="text-danger email_content_e "></span>
                                </div>
                            </div>
                        </div>
                      </div>

                </div>
                <div class="col-md-12 col-sm-12 admin-sub-section">
                    <div class="col-md-12 col-sm-12 sub-section-title-band">
                        <h4 class="block_title">Presenter</h4>
                    </div>
                    <div class="col-md-12 col-sm-12 sub-section-content pad-l-r-0">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 ">
                                <div class="form-group">
                                    <label for="pwd">Select Presenter</label>
                                    <select  class="form-control" name="presenter">
                                        <option value="">Select </option>
                                        @foreach($authors as $author)
                                        <option value="{{ $author->id }}" {{ $author->id == $data->auther ? "selected" :'' }}>{{ $author->fname .' '. $author->lname}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    @php
                    $tags = $data->tags_list;
                    @endphp
                    @include('admin.common.tags_form')
                </div>
                <div>
                    @php
                        $content_by=$data->content_by;
                    @endphp
                    @include('admin.common.content_by')   
                </div>
            </form>
                <div class="col-xs-12 col-sm-12 col-md-12 pad-l-r-0">
                    <div class="form-group ">
                        <a href="javascript://" data-url="/admin/event/create" data-form-name="event_form" type="submit" class="btn btn-default gmf-btn-primary  btn-admin-create">
                            Update
                        </a>
                        <button type="reset" class="btn btn-warning gmf-btn-primary white   btn-admin-cancel">
                            Cancel
                        </button>
                    </div>
                </div>
                <input type="hidden" value="{{$data->assets}}" id="dbassets">
                <input type="hidden" value="{{$data->cta}}" id="dbcta">
                <input type="hidden" value="{{$data->cta_type}}" id="cta_type">
@endsection
@push('script')
<script>
    var descValue,
        org_cat = "Events",
        tags_data ='{{$data->tags_list}}',
    gettags_val=tags_data.split(",");
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" ></script>
<!-- <script src="//cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script> -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="{{asset('asset/js/admin/common/assets.js')}}"></script>
<script type="text/javascript" src="{{asset('asset/js/admin/common/convert_image.js')}}"></script>
<script type="text/javascript" src="{{asset('asset/js/admin/common/cta.js')}}"></script>
<script type="text/javascript" src="{{asset('asset/js/admin/common/create_content.js')}}"></script>
<script type="text/javascript" src="{{asset('asset/js/admin/common/load_assets.js')}}"></script>
<script type="text/javascript" src="{{asset('asset/js/admin/common/load_cta.js')}}"></script>
<script type="text/javascript" src="{{asset('asset/js/admin/common/category_drop_down.js')}}"></script>
<script src="https://cdn.ckeditor.com/ckeditor5/29.2.0/classic/ckeditor.js"></script>

<script>
    $('.video_form_reset').click(function(){
        $('.video_section').find("input[type=text],input[type=file], textarea").val("");
    });
    ClassicEditor
        .create( document.querySelector( '#textarea' ),{
            cloudServices: {
                tokenUrl: "https://growthmattersnow.com/ck_editor.php",
                uploadUrl: 'https://41984.cke-cs.com/easyimage/upload/'
            }
        } )
        .then( editor => {
            descValue = editor;
            editor.model.document.on( 'change:data', () => {
                var desc = lenghtcut(descValue.getData(),300);
                $('.social_desc').html(desc);
                $('.social_desc_val').val(desc);
            } );
        } )
        .catch( error => {
            console.error( error );
        } );
</script>
<script>
     var offset_top= $('.event_form').offset().top;
     var class_name = "";
    // CKEDITOR.replace("textarea");
    // CKEDITOR.instances["textarea"].setData("{{$data->description}}");
    $(function() {
        $('#start_date,#end_date,#reg_end_date').datetimepicker({
            format: 'DD-MM-YYYY HH:mm:ss',
            viewMode: "years",
            viewDate: moment('1987-06-06'), // Use moment objects.
            minDate: moment("1900-01-01"),
            defaultDate: moment("1950-06-06"),
            icons: { 
                previous: "fa fa-chevron-left", 
                next: "fa fa-chevron-right", 
                up: 'fa fa-angle-up',
                down: 'fa fa-angle-down',
                time: 'fa fa-clock-o',
            },
        });
        });

    $(".gmn-menu .events").addClass('active')

</script>
@endpush
@push('style')
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" />
<style>
    .addon-label {
    width: 100%;
    position: relative;
}
</style>
@endpush