@extends('admin.layouts.layout-iframe', [])
@section('css')
<style>
.signup-table [type="checkbox"] + label {    
    font-weight: bold !important;
}
.signup-table [type="checkbox"]:not(:checked), .signup-table [type="checkbox"]:checked {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
}

.signup-table [type="checkbox"]:checked+label:before {    
    z-index: 2;
}

.signup-table [type="checkbox"]:checked + label:after {    
    background-color: #ff5722 !important;
    -webkit-transform: unset !important;
    transform: unset !important;
    font-weight: bold !important;
}
.signup-table [type="checkbox"] + label:before, .signup-table [type="checkbox"]:not(.filled-in) + label:after {
    transition:none;
    border-radius: 4px;
}
.event-none {
    pointer-events: none !important;
}
</style>
@endsection
@section('main')
@if($tourTemplateDetals)
@php($type = ($tourTemplateDetals) ? $tourTemplateDetals->type:0)  
@php($userType = isset($userType) ? $userType : 0)
@php($add_new = false)
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">                
                    <div class="row">                        
                        <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
                            <h2>{{ (isset($tour_info_details->name) && $tour_info_details->name) ? $tour_info_details->name: ''}} </h2>
                        </div>
                        @if($type == 6)
                        <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
                            <h4>NOTE: Disbursement of tips may not occur until 1 to 2 days post-cruise </h4>
                        </div>
                        @endif
                        {{--
                        @if($action_status)
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 text-right">
                            <a href="javascript:;" id="published_by_gl" class="btn bg-teal waves-effect" data-id="{{$tourTemplateDetals->id}}">Publish</a>
                        </div>
                        @endif
                        --}}
                    </div>
                </div>
                {!! Form::open(array('url' => 'javascript:;','method'=>'POST','id' => 'template-create','enctype'=>'multipart/form-data')) !!}
                @if($action_status)
                <div class="card-body" id="publishedForm">
                    <div class="row">
                        <div class="col-md-12"><h4></h4></div>
                        <input type="hidden" name="template_id" value="{{$tourTemplateDetals->id}}" id="pub_template_id">
                        <input name="temp_type" type="hidden" class="{{$type}}" value="" id="temp_type">
                        <input type="hidden" id="userType" name="userType" value="{{$userType}}">
                        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12 {{(in_array($type, [6,8]) ? 'd-none' :'') }}" id="row-name">
                            <div class="form-group form-float">
                                <div class="form-line focused">                                    
                                    {!! Form::label('name', (in_array($type, [5,6]) ? 'Enter Award Name:' : 'Event Name:') ,array('class'=>'form-label','for'=>'name','required' => 'required'),false) !!}
                                    @if($type == 1)
                                    <div class="d-none pt-10" id="row-name-event-list">
                                        {!! Form::select('events', $events, null, ['class' => 'form-control','id'=>'event-list', 'placeholder' => 'select']) !!}
                                    </div>
                                    @endif
                                    {!! Form::text('name', (in_array($type, [6,8]) ? $tourTemplateDetals->name :null), ['class' => 'form-control','id'=>'name', (($type == 1) ? 'readonly' : null)]) !!}
                                </div>                                
                            </div>
                        </div>
                        @if($type == 1)
                        <div class="col-lg-2 col-md-2 col-xs-12 col-sm-12" id="row-event-select-name">
                            <button type="button" class="btn bg-indigo btn-sm btn-success event-select">Select Event</button>  
                        </div>
                        {{--
                        <div class="col-lg-4 col-md-4 col-xs-12 col-sm-12 event-selection-dev d-none" id="row-name-event-list">
                            <div class="form-group form-float">
                                <div class="form-line focused">
                                    {!! Form::select('events', $events, null, ['class' => 'form-control','id'=>'event-list', 'placeholder' => 'select']) !!}
                                </div>                     
                            </div>
                        </div> --}}
                        @endif
                    </div>
                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-xs-3 col-sm-3 {{(in_array($type, [6,8]) ? 'd-none' :'') }}" id="row-location_note">
                            <div class="form-group form-float">
                                <div class="form-line focused">
                                    {!! Form::label('location_note', 'Location/Notes:',array('class'=>'form-label','for'=>'location_note','required' => 'required'),false) !!}
                                    {!! Form::text('location_note', null, ['class' => 'form-control','id'=>'location_note']) !!}
                                </div>                                
                            </div>
                        </div>
                        @if(in_array($type,[3,4]))
                        <div class="col-lg-4 col-md-4 col-xs-4 col-sm-4" id="row-visible_number_attending">
                            <div class="form-group form-check">
                                <div class="">
                                    <input type="checkbox" class="form-check-input" id="visible_number_attending" name="visible_number_attending" value="1">
                                    {!! Form::label('visible_number_attending', 'Show Number Attending Field',array('class'=>'form-label','for'=>'visible_number_attending'),false) !!}
                                </div>                                
                            </div>
                        </div>
                        @endif
                        @if(in_array($type,[6]))
                        <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                            <p><strong>Tips:</strong</p>
                            <div class="form-group">                        
                                <div class="form-check">
                                    <div class="row">
                                        @foreach($staff_tips as $tipsk => $stips)
                                        <div class="col-sm-3">
                                            <input type="checkbox" class="form-check-input tips-chk" id="master_tips_{{$stips->id}}" name="tips[]" value="{{$stips->id}}" {{($stips->slug == 'cash') ? 'checked' : ''}}>
                                            <label for="master_tips_{{$stips->id}}" class="form-label">{{$stips->tips}}</label>
                                        </div>
                                        @endforeach
                                    </div>
                                    <label class="" id="staff-tips-error"></label>
                                </div>
                            </div>
                        </div>
                        @endif
                        <div class="col-lg-3 col-md-3 col-xs-4 col-sm-3" id="row-visible_notification">
                            <div class="form-group form-check">
                                <div class="">
                                    <input type="checkbox" class="form-check-input" id="send_notification" name="send_notification" value="1">
                                    {!! Form::label('send_notification', 'Enable Notifications to Group Leader',array('class'=>'form-label','for'=>'send_notification'),false) !!}
                                </div>                                
                            </div>
                        </div>
                        <input type="hidden" name="submit_type" value="" id="submit_type">
                        <div class="{{ (in_array($type,[3,4])) ? 'col-lg-12 col-md-12 col-xs-12 col-sm-12 text-right' :'col-lg-5 col-md-5 col-xs-12 col-sm-12' }}" id="row-button">
                            <div class="row col-md-12">
                                <button type="button" name="publish_submit" id="published_submit_button" value="publish" class="btn bg-indigo btn-lg waves-effect" style="margin-right: 3px;">@if(in_array($type, [5,6])) Publish to Staff @else Publish to Guests/Staff @endif</button>
                                <button type="button" name="save_submit" id="save_submit_button" value="save" class="btn bg-indigo btn-lg waves-effect">Save</button>
                            </div>
                        </div>                        
                    </div>
                </div>
                @endif
                <div class="card-body">
                    @if($msg)
                        <p> {{ $msg}}</p>
                    @else
                        @php($pasgn = \App\Helpers\Helper::getPassengers(($tourTemplateDetals) ? $tourTemplateDetals->tour_id:0,($tourTemplateDetals) ? $tourTemplateDetals->id:0))
                        
                        @php($selectedPassengers = ($pasgn) ? json_decode($pasgn->passengers,true) : [])
                                                  
                        <input type="hidden" name="selectedPassengers" id="selectedPassengers" value="{{ ($pasgn) ? $pasgn->passengers : ''}}">
                        <input type="hidden" name="type" id="template_type" value="{{ $type }}">
                        <input type="hidden" name="tour_id" id="template_tour_id" value="{{ ($tourTemplateDetals) ? $tourTemplateDetals->tour_id : null }}">
                        <input type="hidden" id="LoggedInGL" name="published_by" value="{{ $encryptedUID }}">
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover table-striped table-condensed signup-table">
                                <thead>
                                    @if($type == 1)
                                        <tr>
                                            <th style="width:30%;text-align:center;">Guest Name</th>                                    
                                            <!-- <th>Diagnosis</th> -->
                                            <th style="text-align:center;">Attending</th>
                                            <th style="text-align:center;">Note</th>
                                            <th style="text-align:center;">Action</th>
                                        </tr>
                                    @elseif($type == 2)
                                        <tr>
                                            <th style="text-align:center;">Day</th>
                                            <th style="text-align:center;">Time</th>
                                            <th style="text-align:center;">Slot #</th>
                                            <th style="width:30%;text-align:center;">Name (1 per slot)</th>
                                            
                                            <th>Action</th>
                                        </tr>
                                    @elseif($type == 3)
                                        <tr>
                                            <th style="text-align:center;">Day</th>
                                            <th style="text-align:center;">Time</th>
                                            <th style="width:30%;">Family Last Name</th>
                                            <th style="text-align:center;" class="number_attendings_th_td">Number Attending</th>
                                            <th style="text-align:center;">Action</th>
                                        </tr>
                                    @elseif($type == 4)
                                        <tr>
                                            <th style="text-align:center;">Day</th>
                                            <th style="text-align:center;">Time</th>
                                            <th style="width:30%;text-align:center;">Family Last Name</th>
                                            <th class="number_attendings_th_td">Number Attending</th>
                                            <th style="text-align:center;">Action</th>
                                        </tr>
                                    @elseif($type == 5)
                                        <tr>
                                            <th style="text-align:center;">Guest Name</th>
                                            <th style="text-align:center;">This Cruise Award</th>
                                            <th style="text-align:center;">Prior Awards</th>
                                            <th style="text-align:center;">Age</th>
                                            <th style="text-align:center;">Diagnosis</th>
                                            <th style="text-align:center;">Staff</th>
                                            <th style="width:15%;text-align:center;">Family Last Name</th>
                                        </tr>
                                    @elseif($type == 6)
                                        <tr>
                                            <th style="text-align:center;">Staff</th>
                                            <th style="text-align:center;">Action</th>
                                        </tr>
                                    @elseif($type == 7)
                                        <tr>
                                            <th style="width:30%;text-align:center;">Family Last Name</th>
                                            <th style="text-align:center;">Time for Assistance to Begin</th>
                                            <th style="text-align:center;">Name of 1:1 Staff (if any)</th>
                                            <th style="text-align:center;">Action</th>
                                        </tr>
                                    @elseif($type == 8)
                                        <tr>
                                            <th style="width:30%;text-align:center;">Port Arrival<br> Time</th>
                                            <th style="width:30%;text-align:center;">Family<br> Last Name</th>
                                            <th style="text-align:left;padding: 8px;">
                                                <div class="form-check">
                                                    <input type="checkbox" class="" checked>
                                                    <label class="form-label">Arrived</label>
                                                </div>
                                                <div class="form-check">
                                                    <input type="checkbox" class="" checked>
                                                    <label class="form-label">Boarded</label>
                                                </div>
                                            </th>
                                        </tr>
                                    @endif
                                </thead>
                                <tbody id="templateBody">
                                    @php($total_row = 0)                        
                                @php($templateDetails = \App\Helpers\Helper::getTourTemplateDetails($tourTemplateDetals->id))
                                @if(count($templateDetails))
                                    @foreach($templateDetails as $key => $tval)
                                        @php($temp_id = $tval->id)
                                        @php($total_row++)
                                        @php($selectedPassengerName =  (isset($templateDetails[$key]->passenger_name) ? $templateDetails[$key]->passenger_name: null))                                   
                                        @if($type == 1)
                                            @php($selectedNote = (isset(Request::old('notes')[$key]) && Request::old('notes')[$key]) ? Request::old('notes')[$key]: (isset($templateDetails[$key]->note) ? $templateDetails[$key]->note: null))
                                            @php($selectedDiagnosis = (isset(Request::old('diagnosis')[$key]) && Request::old('diagnosis')[$key]) ? Request::old('diagnosis')[$key]: (isset($templateDetails[$key]->diagnosis) ? $templateDetails[$key]->diagnosis: null))
                                            @php($selectedAttendance = (isset(Request::old('attendances')[$key]) && Request::old('attendances')[$key]) ? Request::old('attendances')[$key]: (isset($templateDetails[$key]->attendance) ? $templateDetails[$key]->attendance: null))
                                        @elseif($type == 2)
                                            @php($selectedSLNo = (isset(Request::old('sl_nos')[$key]) && Request::old('sl_nos')[$key]) ? Request::old('sl_nos')[$key]: (isset($templateDetails[$key]->sl_no) ? $templateDetails[$key]->sl_no: null))
                                            @php($selectedDay = (isset(Request::old('days')[$key]) && Request::old('days')[$key]) ? Request::old('days')[$key]: (isset($templateDetails[$key]->day) ? $templateDetails[$key]->day: null))
                                            @php($selectedTime = (isset(Request::old('times')[$key]) && Request::old('times')[$key]) ? Request::old('times')[$key]: (isset($templateDetails[$key]->time) ? $templateDetails[$key]->time: null))
                                        @elseif($type == 3)
                                            @php($selectedFamilyLastName = (isset(Request::old('family_last_names')[$key]) && Request::old('family_last_names')[$key]) ? Request::old('family_last_names')[$key]: (isset($templateDetails[$key]->family_last_name) ? $templateDetails[$key]->family_last_name: null))
                                            @php($selectedNumberAttending = (isset(Request::old('number_attendings')[$key]) && Request::old('number_attendings')[$key]) ? Request::old('number_attendings')[$key]: (isset($templateDetails[$key]->number_attending) ? $templateDetails[$key]->number_attending: null))
                                            @php($selectedDay = (isset(Request::old('days')[$key]) && Request::old('days')[$key]) ? Request::old('days')[$key]: (isset($templateDetails[$key]->day) ? $templateDetails[$key]->day: null))
                                            @php($selectedTime = (isset(Request::old('times')[$key]) && Request::old('times')[$key]) ? Request::old('times')[$key]: (isset($templateDetails[$key]->time) ? $templateDetails[$key]->time: null))
                                        @elseif($type == 4)
                                            @php($selectedFamilyLastName = (isset(Request::old('family_last_names')[$key]) && Request::old('family_last_names')[$key]) ? Request::old('family_last_names')[$key]: (isset($templateDetails[$key]->family_last_name) ? $templateDetails[$key]->family_last_name: null))
                                            @php($selectedNumberAttending = (isset(Request::old('number_attendings')[$key]) && Request::old('number_attendings')[$key]) ? Request::old('number_attendings')[$key]: (isset($templateDetails[$key]->number_attending) ? $templateDetails[$key]->number_attending: null))
                                            @php($selectedDay = (isset(Request::old('days')[$key]) && Request::old('days')[$key]) ? Request::old('days')[$key]: (isset($templateDetails[$key]->day) ? $templateDetails[$key]->day: null))
                                            @php($selectedTime = (isset(Request::old('times')[$key]) && Request::old('times')[$key]) ? Request::old('times')[$key]: (isset($templateDetails[$key]->time) ? $templateDetails[$key]->time: null))
                                        @elseif($type == 5)
                                            @php($selectedStaff = (isset(Request::old('staffs')[$key]) && Request::old('staffs')[$key]) ? Request::old('staffs')[$key]: (isset($templateDetails[$key]->staff) ? $templateDetails[$key]->staff: null))
                                            @php($selectedAge = (isset(Request::old('age')[$key]) && Request::old('age')[$key]) ? Request::old('age')[$key]: (isset($templateDetails[$key]->age) ? $templateDetails[$key]->age: null))
                                            @php($selectedFamilyLastName = (isset(Request::old('family_last_names')[$key]) && Request::old('family_last_names')[$key]) ? Request::old('family_last_names')[$key]: (isset($templateDetails[$key]->family_last_name) ? $templateDetails[$key]->family_last_name: null))
                                            @php($selectedAwards = (isset(Request::old('awards')[$key]) && Request::old('awards')[$key]) ? Request::old('awards')[$key]: (isset($templateDetails[$key]->award) ? $templateDetails[$key]->award: null))
                                            @php($selectedCruiseAwards = (isset(Request::old('cruise_awards')[$key]) && Request::old('cruise_awards')[$key]) ? Request::old('cruise_awards')[$key]: (isset($templateDetails[$key]->cruise_award) ? $templateDetails[$key]->cruise_award: null))
                                            @php($selectedDiagnosis = (isset(Request::old('diagnosis')[$key]) && Request::old('diagnosis')[$key]) ? Request::old('diagnosis')[$key]: (isset($templateDetails[$key]->diagnosis) ? $templateDetails[$key]->diagnosis: null))
                                        @elseif($type == 6)
                                            @php($selectedStaff = (isset(Request::old('staffs')[$key]) && Request::old('staffs')[$key]) ? Request::old('staffs')[$key]: (isset($templateDetails[$key]->staff) ? $templateDetails[$key]->staff: null))
                                        @elseif($type == 7)
                                            @php($selectedFamilyLastName = (isset(Request::old('family_last_names')[$key]) && Request::old('family_last_names')[$key]) ? Request::old('family_last_names')[$key]: (isset($templateDetails[$key]->family_last_name) ? $templateDetails[$key]->family_last_name: null))
                                            @php($selectedTimeForAsistanceToBegin = (isset(Request::old('time_for_assistance_to_begins')[$key]) && Request::old('time_for_assistance_to_begins')[$key]) ? Request::old('time_for_assistance_to_begins')[$key]: (isset($templateDetails[$key]->time_for_assistance_to_begin) ? $templateDetails[$key]->time_for_assistance_to_begin: null))
                                            @php($selectedNameOf11Staff = (isset(Request::old('name_of_1_1_staffs')[$key]) && Request::old('name_of_1_1_staffs')[$key]) ? Request::old('name_of_1_1_staffs')[$key]: (isset($templateDetails[$key]->name_of_1_1_staff) ? $templateDetails[$key]->name_of_1_1_staff: null))
                                        @elseif($type == 8)
                                            @php($portArivalTimeSlots = \App\Helpers\Helper::getPortArivalTimeSlots())
                                            @php($selectedPortArrivalTime = (isset(Request::old('port_arival_times')[$key]) && Request::old('port_arival_times')[$key]) ? Request::old('port_arival_times')[$key]: (isset($templateDetails[$key]->port_arival_time) ? $templateDetails[$key]->port_arival_time: null))
                                            @php($selectedFamilyLastName = (isset(Request::old('family_last_names')[$key]) && Request::old('family_last_names')[$key]) ? Request::old('family_last_names')[$key]: (isset($templateDetails[$key]->family_last_name) ? $templateDetails[$key]->family_last_name: null))
                                            @php($selectedArrivedToPort = (isset(Request::old('arived_to_ports')[$key]) && Request::old('arived_to_ports')[$key]) ? Request::old('arived_to_ports')[$key]: (isset($templateDetails[$key]->arived_to_port) ? $templateDetails[$key]->arived_to_port: null))
                                            @php($selectedCheckedIn = (isset(Request::old('checked_ins')[$key]) && Request::old('checked_ins')[$key]) ? Request::old('checked_ins')[$key]: (isset($templateDetails[$key]->checked_in) ? $templateDetails[$key]->checked_in: null))
                                        @endif
                                        @include('iframe.template_rows')
                                    @endforeach
                                @else
                                    <p>No record found</p>
                                @endif
                                </tbody>
                            </table>
                            <input type="hidden" id="last_row" value="{{$total_row}}">
                            @if($action_status && !in_array($type, [5, 8]))
                            <div class="text-right">
                                <input type="number" id="template_row_number" min="1" max="999" value="1">
                                <a href="javascript:;" id="add_template_row" class="btn btn-primary add-more"><i class="fa fa-plus"></i>Add More</a>  
                            </div>
                            @endif
                            <div class="clearfix"></div>                           
                        </div>
                    @endif                                       
                </div>                            
                {!! Form::close() !!}
            </div>  
        </div>
    </div>
</div>
@else
    <p>Details not found</p>
@endif
@endsection
@section('scripts')

<script src="{{ asset('/administrator/')}}/js/jquery.validate.min.js"></script>
<script src="{{ asset('/administrator/')}}/js/additional-methods.min.js"></script>
<script>
    function updateFormFieldValue(template_id,type,key,required_checking = true){
        var userType = $('#userType').val();
        var data = null;
        var ajaxSend = true;    
        var isNumberAttendingShow = $('#isNumberAttendingShow').val();
        if(type == 5){
            var cruise_award = $('#cruise_award'+template_id).val();        
            data = {
                cruise_award : cruise_award,            
                id:template_id,
            };        
        }
        //console.log(data);
        if(ajaxSend){
            $.ajax({
                url: API_PATH+"/"+api_version+"/template-row-update",
                data: data,
                type: 'POST',
                beforeSend: function() {
                    //$('.loader').show();
                },
                success: function(data) {
                    //$('.loader').hide();
                    if (data.success) { 
                        if(required_checking){
                            $('#tick_mark_'+template_id).html('<i class="material-icons">done</i>');                  
                        }
                        //bootbox.alert(data.msg);
                    }
                    else{
                        //bootbox.alert(data.msg);
                    }
                },
                error: function() {
                    $('.loader').hide();
                    bootbox.alert("Internal server error");
                }
            });
        }
    }

$(document).ready(function () {
    $('body').on('click', '.event-select', function() {        
        $('#row-name-event-list').toggleClass('d-none');
        $('#name').toggleClass('d-none');
    });
    $('body').on('keyup', '#name', function() {
        var name = $(this).val();
        var temp_type = "{{$type}}";
        if (temp_type == 1) {
            if(name == '' || name == null || typeof name === "undefined" ) {
                $('#name').prop('readonly', true);
                $('#event-list').val("").selectpicker('refresh');
            }
            else{
                $('#name').prop('readonly', false);
            }
        }
    });
    $('body').on('change', '#event-list', function() {
        var text = $(this).find(":selected").text();
        var sel_id = $(this).find(":selected").val();
        if(sel_id != '' && sel_id != null && typeof sel_id != "undefined" ) {
            $('#name').val(text);
            $('#name').prop('readonly', false);
        } 
        else{
            $('#name').prop('readonly', true);
            $('#name').val('');
        }       
        $('#row-name-event-list').toggleClass('d-none');
        $('#name').toggleClass('d-none');
        //$('#event-list').val("").selectpicker('refresh');
    });
    $('body').on('click','#visible_number_attending',function(){
        if ($(this).prop('checked')==true){ 
            $('.number_attendings').attr('required',true);
        }
        else{
            $('.number_attendings').attr('required',false);
        }
    });
    $('body').on('change blur','.field-update',function(){
        let template_id = $(this).attr('data-id');
        let type = $(this).attr('data-type');
        let key = $(this).attr('data-key');
        updateFormFieldValue(template_id,type,key,false);
    });
    $('.attendance').change(function() {
        var key = $(this).attr('data-key');
        $('#div_attending_clear_'+key).removeClass('d-none');
    });
    $('body').on('click','.attending_clear',function(){
        var key = $(this).attr('data-key');
        bootbox.confirm({
            message: "Are You Sure? Do you want to continue this action?",
            buttons: {
                confirm: {
                    label: 'Yes',
                    className: 'btn-success'
                },
                cancel: {
                    label: 'No',
                    className: 'btn-danger'
                }
            },
            callback: function (result) {
                if(result){
                    $('.attending-radio-'+key).prop('checked', false);
                    $('#div_attending_clear_'+key).addClass('d-none');
                }
            }
        });
    });
    @if($action_status)
    $('body').on('click','#add_template_row',function(){
        let last_row = parseInt($('#last_row').val()) + 1;
        let type = $('#template_type').val();
        let tour_id = $('#template_tour_id').val();
        let template_row_number = parseInt($('#template_row_number').val());
        if(template_row_number > 0 && template_row_number<=999){
            $.ajax({
                url: API_PATH+"/"+api_version+"/get-common-tour-template-row",
                data: {
                    last_row: last_row,
                    type:type,
                    tour_id:tour_id,
                    template_id: $('#pub_template_id').val(),
                    published_by : $('#LoggedInGL').val(),
                    template_row_number:template_row_number
                },
                type: 'GET',
                beforeSend: function() {
                    $('.loader').show();
                },
                success: function(data) {
                    $('.loader').hide();
                    if (data.success) {
                        $('#templateBody').append(data.html);
                        //$('#user_id_'+last_row).selectpicker('refresh');
                        $('#last_row').val(last_row + (template_row_number -1));
                        $('#template_row_number').val(1);
                    }
                    else{
                        bootbox.alert(data.msg);
                    }
                },
                error: function() {
                    bootbox.alert("Internal server error");
                }
            });
        }
        else{
            bootbox.alert("Please enter positive value less than or equal to 999");
        }
    });
    $('body').on('click','.remove-temp-row',function(){
        let id = $(this).attr('data-key');
        $('#template_row_'+id).remove();
    });
    $('body').on('click','#published_by_gl',function(){
        let template_id = $(this).attr('data-id');
        $('#pub_template_id').val(template_id);
        $('#name').val();
        $('#publishedForm').removeClass('d-none');
    });
    $('#template-create').validate({
        rules: {
            'tips[]': {
                required:  function (element) {
                    var type = $('#temp_type').val();
                    if (type == 6) {
                        var boxes = $('.tips-chk');
                        if (boxes.filter(':checked').length == 0) {
                            return true;
                        }
                        return false;
                    }
                    else {
                        return false;
                    }
                },
                minlength:1
            }
        },
        messages: {
           
        },
        errorPlacement: function (error, element) {
            if (element.attr("name") == "end_time") {
                error.insertAfter("#end_time-error");
            }
            
            if (element.attr("name") == "status") {
                error.insertAfter("#status-error");
            } else {
                error.insertAfter(element);
            }
        },
        submitHandler: function (form) {            
            var form_data = new FormData($('#template-create')[0]);
            bootbox.confirm({
                message: 'Are You Sure? Do you want to continue this action?',
                buttons: {
                    confirm: {
                        label: 'Yes',
                        className: 'btn-success'
                    },
                    cancel: {
                        label: 'No',
                        className: 'btn-danger'
                    }
                },
                callback: function (result) {
                    if(result){
                        $('.loader').show();
                        $.ajax({
                            url: API_PATH+"/"+api_version+"/template-published",
                            type: 'POST',
                            data: form_data,
                            cache: false,
                            processData: false,
                            contentType: false,
                            beforeSend: function () {
                                //$('#availability_modal').modal('hide');
                                $('.loader').show();
                            },
                            success: function (data) {
                                $('.loader').hide();                       
                                if (data.success) {
                                    $('#name').val('');
                                    $('#visible_number_attending').prop('checked',true);
                                    //bootbox.alert(data.msg);  
                                    bootbox.alert({
                                        //title: "Enroll Class",
                                        message: data.msg,
                                        callback: function(){
                                            window.location.reload();
                                        }
                                    });                     
                                } else {
                                    bootbox.alert(data.msg);
                                }
                            },
                            error: function(data){
                                $('.loader').hide();  
                                bootbox.alert("Internal server error");                  
                            }
                        });
                    }
                    else{
                        //window.location.reload();
                    }
                }
            });            
        }
    });
    // $('body').on('click','#published_submit_button',function(){
    //     //let template_id = $('#pub_template_id').val();
    //     var form_data = new FormData($('#template-create')[0]);
    //     //let name = $('#name').val();
    //     $.ajax({
    //         url: API_PATH+"/"+api_version+"/template-published",
    //         data: form_data,
    //         type: 'POST',
    //         beforeSend: function() {
    //             $('.loader').show();
    //         },
    //         success: function(data) {
    //             $('.loader').hide();
    //             if (data.success) {
    //                 //$('#publishedForm').addClass('d-none');
    //                 bootbox.alert(data.msg);
    //             }
    //             else{
    //                 bootbox.alert(data.msg);
    //             }
    //         },
    //         error: function() {
    //             $('.loader').hide();
    //             bootbox.alert("Internal server error");
    //         }
    //     });
    // });
    $('body').on('click','#published_submit_button, #save_submit_button',function(){
        let button_value = $(this).val();
        $('#submit_type').val(button_value);
        $('#template-create').submit();
    });
    @endif
    
});
</script>
@endsection