@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;
}
.tips-event-none {
    pointer-events: none !important;
    background-color: grey;
}
.frame-button_save_close {
    position: absolute;
    /* bottom: 0px; */
    right: 70px;
    margin-top: -79px;
}

.signuup-action {
    margin-right: 110px !important;
    position: relative !important;
    z-index: 10 !important;
    width: calc(100% - 110px) !important;
    top: -22px !important;
}
.signup-table thead tr {
    /* background-color: #ff5722;
    color: white */
}
.signup-table thead tr th {
    vertical-align: middle;
    padding: 15px 0;
}

.signup-table tbody tr td {
    vertical-align: middle !important;
    white-space: nowrap;
    padding: 8px 5px;
}
.signup-table tbody tr td label.form-label{
    margin:0px;
}
</style>
@endsection
@section('main')
@php($tourTempStatus = (isset($tourTemplateDetals) && $tourTemplateDetals) ? $tourTemplateDetals->status:null)
@php($is_row_delete = (isset($is_group_leader) && $is_group_leader && ($tourTempStatus == "0")) ? true : false)
@php($userType = isset($userType) ? $userType : 0)
@php($add_new = false)
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            @php($isNumberAttendingShow = (isset($tourTemplateDetals) && $tourTemplateDetals) ? $tourTemplateDetals->visible_number_attending : 0)
            @php($isSendNotifictionShow = (isset($tourTemplateDetals) && $tourTemplateDetals) ? $tourTemplateDetals->send_notification : 0)
            @php($type = ($tourTemplateDetals) ? $tourTemplateDetals->type:0)
            <input type="hidden" value="{{ ($isNumberAttendingShow) ? 1:0}}" id="number_attending_show_hide">
            @if(isset($print) && $print)                              
                <div class="row text-center mb-2" style="margin-bottom: 25px;">                        
                    <a href="javascript:;" class="btn btn-primary" id="formPrint">Print</a>                        
                </div>
            @endif
            <div class="card" id="printArea">
                @if($msg)
                    <p> {{ $msg}}</p>
                @else 
                    @php($templateName = (isset($tourTemplateDetals->name) && $tourTemplateDetals->name) ? $tourTemplateDetals->name: '')
                    @php($templateLocationNote = (isset($tourTemplateDetals->location_note) && $tourTemplateDetals->location_note) ? $tourTemplateDetals->location_note: '')
                    @php($tempStatus = (isset($tourTemplateDetals->status)) ? $tourTemplateDetals->status: '')
                    <div class="card-header">                
                        <div class="row">                        
                            <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
                                <h2 id="visible_name">{{ $templateName }} </h2>
                                @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
                                <h4 id="visible_location_note">{{ $templateLocationNote }} </h4>
                            </div>
                        </div>
                    </div>  
                    {!! Form::open(array('url' => 'javascript:;','method'=>'POST','id' => 'template-create','enctype'=>'multipart/form-data')) !!}              
                        
                        @php($tips_arr = ($tourTemplateDetals && $tourTemplateDetals->staff_tips) ? json_decode($tourTemplateDetals->staff_tips) :[] )
                        @if($is_group_leader)
                        <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">

                                <div class="col-lg-4 col-md-4 col-xs-12 col-sm-12 {{(in_array($type, [6,8]) ? 'd-none' :'') }} {{($tempStatus == 1) ? 'event-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', $templateName, ['class' => 'form-control','id'=>'name']) !!}
                                        </div>                     
                                    </div>
                                </div>
                                @if($type == 1)
                                <div class="col-lg-2 col-md-2 col-xs-12 col-sm-12 {{($tempStatus == 1) ? 'event-none':''}}" 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' :'') }} {{($tempStatus == 1) ? 'event-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', $templateLocationNote, ['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" {{ ($isNumberAttendingShow) ? 'checked':''}}>
                                            {!! 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 {{($tempStatus != '0') ? 'd-none' : ''}}">
                                    <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}}" {{in_array($stips->id, $tips_arr) ? 'checked' :(($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-12 col-sm-12 {{($tempStatus == 1) ? 'event-none':''}}" 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" {{ ($isSendNotifictionShow) ? 'checked' : ''}}>
                                            {!! 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 {{($tempStatus == '0') ? '':'signuup-action'}}">
                                        <button type="button" name="publish_submit" id="published_submit_button" value="publish" class="btn bg-indigo btn-lg waves-effect submit_button {{($tempStatus == 1) ? 'd-none':''}}" 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 submit_button {{($tempStatus == 1) ? 'd-none':''}}" style="margin-right: 3px;">Save</button>
                                        <button type="button" name="unpublish_submit" id="unpublish_submit_button" value="unpublish" class="btn bg-indigo btn-lg waves-effect submit_button {{($tempStatus == '0') ? 'd-none':''}}">Unpublish</button>
                                    </div>
                                </div>          
                            </div>
                        </div>
                        @endif
                        <div class="card-body"> 
                            @if($is_group_leader)
                            <div class="row {{($type == 8) ? 'd-none' : ''}}">
                                <div class="col-lg-1 col-md-1 col-xs-12 col-sm-12 text-right frame-button_save_close" id="row-button_save_close">
                                    <button type="button" name="save_close" id="save_close_button" value="save_close_multi" class="btn bg-indigo btn-lg waves-effect save_close_btn {{($tempStatus == '0') ? 'd-none':''}}">Save & Close</button>
                                </div>
                            </div>
                            @endif
                            <input type="hidden" id="userType" name="userType" value="{{$userType}}"> 
                            <input type="hidden" id="userId" name="userId" value="{{$loggedin_uid}}">   
                            <input type="hidden" name="isNumberAttendingShow" id="isNumberAttendingShow" value="{{$isNumberAttendingShow}}">
                            <input type="hidden" id="LoggedInGL" name="published_by" value="{{ $encryptedUID }}">                                        
                            <input type="hidden" id="tour_id" name="tour_id" value="{{ ($tourTemplateDetals) ? $tourTemplateDetals->tour_id:0 }}"> 
                            <input type="hidden" id="template_form_id" name="template_form_id" value="{{ ($tourTemplateDetals) ? $tourTemplateDetals->id:0 }}"> 
                            <input type="hidden" name="type" id="template_type" value="{{ $type }}">
                            @php($pasgn = \App\Helpers\Helper::getPassengers(($tourTemplateDetals) ? $tourTemplateDetals->tour_id:0,($tourTemplateDetals) ? $tourTemplateDetals->tour_template_id:0))

                            @php($selectedPassengers = ($pasgn) ? json_decode($pasgn->passengers,true) : [])                        
                            @php($is_del_row = (($tempStatus == '0') && $is_group_leader) ? true : false)
                            <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 style="width:20%;text-align:center;">Diagnosis</th> -->
                                            <th style="width:30%;text-align:center;">Attending</th>
                                            <th style="width:30%;text-align:center;">Note</th>
                                            @if($is_del_row)
                                                <th>Action</th>
                                            @elseif($action_status)
                                                {{--<th style="text-align:center;">Submit/Change Selection</th>--}}
                                            @endif
                                        </tr>
                                    @elseif($type == 2)
                                        <tr>
                                            <th style="width:20%;text-align:center;">Day</th>
                                            <th style="width:20%;text-align:center;">Time</th>
                                            <th style="width:20%;text-align:left;">Slot #</th>
                                            <th style="width:30%;text-align:left;">Name (1 per slot)</th>
                                            @if($is_del_row)
                                                <th>Action</th>
                                            @elseif($action_status)
                                                {{--<th style="text-align:center;">Submit/Change Selection</th>--}}
                                            @endif
                                        </tr>
                                    @elseif($type == 3)

                                        <tr>
                                            <th style="width:15%;text-align:center;">Day</th>
                                            <th style="width:25%;text-align:center;">Time</th>
                                            <th style="width:25%;text-align:center;">Family Last Name</th>
                                            @if($isNumberAttendingShow == 1 || $action_status)
                                                <th style="width:20%;text-align:center;" class="number_attendings_th_td {{($isNumberAttendingShow == 1) ? '':'d-none'}}">Number Attending</th>
                                            @endif
                                            @if($is_del_row)
                                                <th>Action</th>
                                            @elseif($action_status)
                                                {{--<th style="text-align:center;">Submit/Change Selection</th>--}}
                                            @endif
                                        </tr>
                                        </tr>
                                    @elseif($type == 4)
                                        <tr>
                                            <th style="width:15%;text-align:center;">Day</th>
                                            <th style="width:25%;text-align:center;">Time</th>
                                            <th style="width:25%;text-align:center;">Family Last Name</th>
                                            @if($isNumberAttendingShow == 1 || $action_status)
                                                <th style="width:20%;text-align:center;" class="number_attendings_th_td {{($isNumberAttendingShow == 1) ? '':'d-none'}}">Number Attending</th>
                                            @endif
                                            @if($is_del_row)
                                                <th>Action</th>
                                            @elseif($action_status)
                                                {{--<th style="text-align:center;">Submit/Change Selection</th>--}}
                                            @endif
                                        </tr>
                                    @elseif($type == 5)
                                        <tr>
                                            <th style="width:15%;text-align:center;">Guest Name</th>
                                            <th style="width:25%;text-align:center;">This Cruise Award</th>
                                            <th style="width:15%;text-align:center;">Prior Awards</th>                                                                                        
                                            <th style="width:10%;text-align:center;">Age</th>
                                            <th style="width:10%;text-align:center;">Diagnosis</th>
                                            <th style="width:15%;text-align:center;">Staff</th>
                                            <th style="width:15%;text-align:center;">Family Last Name</th>
                                            
                                            
                                            @if($is_del_row)
                                                <th>Action</th>
                                            @elseif($action_status)
                                                {{--<th style="text-align:center;">Submit/Change Selection</th>--}}
                                            @endif
                                        </tr>
                                    @elseif($type == 6)
                                        <tr>
                                            <th style="width:20%;text-align:center;">Staff</th>
                                            @if($tempStatus != '0')
                                                <th style="width:30%;text-align:center;">
                                                    <span>1. Select Acceptable Methods</span><br/>
                                                    <span>2. Enter Account Username / ID</span>
                                                </th>
                                            @endif
                                            @if($is_del_row)
                                                <th style="text-align:center;width:10%">Action</th>
                                            @elseif($action_status)
                                                <th></th>
                                                {{--<th style="text-align:center;">Submit/Change Selection</th>--}}
                                            @endif
                                        </tr>
                                    @elseif($type == 7)
                                        <tr>
                                            <th style="width:25%;text-align:center;">Family Last Name</th>
                                            <th style="width:25%;text-align:center;">Time for Assistance to Begin</th>
                                            <th style="width:25%;text-align:center;">Name of 1:1 Staff (if any)</th>
                                            @if($is_del_row)
                                                <th>Action</th>
                                            @elseif($action_status)
                                                {{--<th style="text-align:center;">Submit/Change Selection</th>--}}
                                            @endif
                                        </tr>
                                    @elseif($type == 8)
                                        <tr>
                                            <th style="width:25%;text-align:center;">Port Arrival<br> Time</th>
                                            <th style="width:25%;text-align:center;">Family Last<br> Name</th>
                                            @if(!in_array($userType,[5]))
                                            <th style="width:10%;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>
                                            @endif
                                            @if($is_del_row)
                                                <th>Action</th>
                                            @elseif($action_status)
                                                {{--<th style="text-align:center;">Submit/Change Selection</th>--}}
                                            @endif
                                        </tr>
                                    @endif
                                    </thead>
                                    <tbody id="templateBody">                        
                                    @php($templateDetails = \App\Helpers\Helper::getTourTemplateFormDetails($tourTemplateDetals->id, $tourTemplateDetals->type))
                                    @php($key=0)
                                    @if(count($templateDetails))
                                        @foreach($templateDetails as $key => $tval)
                                            @php($temp_id = $tval->id)
                                            @php($updated_by = $tval->updated_by)
                                            @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)) 
                                                @php($selectedTipsUsername = (isset(Request::old('tips_username')[$key]) && Request::old('tips_username')[$key]) ? Request::old('tips_username')[$key]: ((isset($templateDetails[$key]->tips_username) &&  $templateDetails[$key]->tips_username) ? json_decode($templateDetails[$key]->tips_username, true): []))
                                            @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_form_rows')
                                        @endforeach
                                    @else
                                        <p>No record found</p>
                                    @endif
                                    </tbody>
                                </table>
                                <input type="hidden" id="last_row" value="{{$key}}">
                                @if($is_group_leader && !in_array($type,[5]))
                                <div class="text-right {{($is_del_row)?'':'d-none'}}" id="add_more_button_div">
                                    <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>                            
                        </div>
                    {!! Form::close() !!}
                @endif    
            </div>  
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script src="{{ asset('/administrator/')}}/js/jquery.validate.min.js"></script>
<script src="{{ asset('/administrator/')}}/js/additional-methods.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
<script>
    var  state = {
        message: '',
        showPrev: false,
        endpoint: "{{\Config::get('settings.socket_end_point_url')}}",       
        senderId: "{{ isset($loggedin_uid) ? $loggedin_uid : null }}"        
    };
function updateFormFieldValue(template_id,type,key,required_checking = true, from_btn = 0){
    var userType = $('#userType').val();
    var data = null;
    var ajaxSend = true;    
    var isNumberAttendingShow = $('#isNumberAttendingShow').val();
    if(type == 1){        
        data = {
            attendance : $('input[name="attendances['+key+']"]:checked').val(),
            note: $('#note'+template_id).val(),
            id:template_id
        };
        if(userType == 6){
            data['passenger_name'] = $('#passenger_name'+template_id).val();
            //data['diagnosis'] = $('#diagnosis'+template_id).val();            
        }
    }
    else if(type == 2){
        data = {
            passenger_name : $('#passenger_name'+template_id+' :selected').val(),
            id:template_id
        };
        if(userType == 6){
            data['sl_no'] = $('#sl_no'+template_id).val();
            data['day'] = $('#day'+template_id).val(); 
            data['time'] = $('#time'+template_id).val();            
        }
    }
    else if(type == 3){
        var attending_number = $('#number_attending'+template_id).val();
        var family_last_name = $('#family_last_name'+template_id).val();
        if(required_checking){
            if((attending_number == null || attending_number == '' || typeof attending_number == "undefined") && (isNumberAttendingShow == "1")){
                ajaxSend = false;
                bootbox.alert('Please enter number attending');
            }        
            if(family_last_name == null || family_last_name == '' || typeof family_last_name == "undefined"){
                ajaxSend = false;
                bootbox.alert('Please enter family last name');
            }
        }
        data = {
            family_last_name : family_last_name,            
            id:template_id,
            number_attending : attending_number
        };
        if(userType == 6){
            data['day'] = $('#day'+template_id).val(); 
            data['time'] = $('#time'+template_id).val();            
        }
    }
    else if(type == 4){
        var attending_number = $('#number_attending'+template_id).val();
        var family_last_name = $('#family_last_name'+template_id).val();
        if(required_checking){
            if((attending_number == null || attending_number == '' || typeof attending_number == "undefined") && (isNumberAttendingShow == "1")){
                ajaxSend = false;
                bootbox.alert('Please enter number attending');
            }
            
            if(family_last_name == null || family_last_name == '' || typeof family_last_name == "undefined"){
                ajaxSend = false;
                bootbox.alert('Please enter family last name');
            }
        }
        data = {
            family_last_name : family_last_name,            
            id:template_id,
            number_attending : attending_number,
            time : $('#time'+template_id).val()
        };
        if(userType == 6){
            data['day'] = $('#day'+template_id).val(); 
        }
    }
    else if(type == 5){        
        data = {
            cruise_award : $('#cruise_award'+template_id).val(),
            id:template_id
        };
        if(userType == 6){
            data['passenger_name'] = $('#passenger_name'+template_id).val();
            data['diagnosis'] = $('#diagnosis'+template_id).val();  
            data['age'] = $('#age'+template_id).val();   
            data['family_last_name'] = $('#family_last_name'+template_id).val();  
            data['award'] = $('#award'+template_id).val();       
        }
    }
    else if(type == 6){        
        data = {
            id:template_id
        };
        var tips_uname = {};
        $(".tips-chk-" + template_id).each(function() {
            if ($(this).prop('checked')==true){
                var chk_id = $(this).attr('data-id');
                var uname = $('#tips_uname_' + template_id + '_' + chk_id).val();
                /*if((chk_id == 1) || uname){
                    tips_uname[chk_id] = uname;
                } */
                tips_uname[chk_id] = uname;
            }
        });
        data['tips_username'] = tips_uname; //.toString()  
    }    
    else if(type == 7){
        var time_for_assistance_to_begin = $('#time'+template_id).val();
        var family_last_name = $('#family_last_name'+template_id).val();
        if(required_checking){
            if((time_for_assistance_to_begin == null || time_for_assistance_to_begin == '' || typeof time_for_assistance_to_begin == "undefined")){
                ajaxSend = false;
                bootbox.alert('Please enter time for assistance to begin');
            }
            
            if(family_last_name == null || family_last_name == '' || typeof family_last_name == "undefined"){
                ajaxSend = false;
                bootbox.alert('Please enter family last name');
            }
        }
        data = {
            //family_last_name : family_last_name,            
            id:template_id,
            time_for_assistance_to_begin : time_for_assistance_to_begin,
            name_of_1_1_staff : $('#number_of_staff'+template_id).val()
        };
        if ($.inArray(userType, [2,6,9]) === -1) {
            data['family_last_name'] = family_last_name; 
        }
    }
    else if(type == 8){
        var port_arival_time = $('#port_arival_time'+template_id).val();
        var family_last_name = $('#family_last_name'+template_id).val();
        if(required_checking){
            if((port_arival_time == null || port_arival_time == '' || typeof port_arival_time == "undefined")){
                ajaxSend = false;
                bootbox.alert('Please time');
            }
            
            if(family_last_name == null || family_last_name == '' || typeof family_last_name == "undefined"){
                ajaxSend = false;
                bootbox.alert('Please enter family last name');
            }
        }
        data = {
            //family_last_name : family_last_name,            
            id:template_id,
            port_arival_time : port_arival_time,
        };        
        
        if ($.inArray(userType, [5]) === -1) {
        // if(userType == 6){
            let arived_to_port = 0;
            let checked_in = 0;
            if($('#arived_to_port'+template_id).is(':checked')) {
                arived_to_port = 1;
            }
            if($('#checked_in'+template_id).is(':checked')) {
                checked_in = 1;
            }
            // if($.inArray(userType, [2, 6, 9])) {
                data['family_last_name'] = family_last_name; 
            // }
            data['arived_to_port'] = arived_to_port;
            data['checked_in'] = checked_in;
        }
    }
    console.log(data);
    if(data) {
        console.log('is data');
        data['published_by'] = $('#LoggedInGL').val();
        data['from_btn'] = from_btn;
    }
    else{
        data = {
            published_by : $('#LoggedInGL').val()
        };
        console.log('is no data');
    }
    
    if(ajaxSend){
        $.ajax({
            url: API_PATH+"/"+api_version+"/template-form-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");
            }
        });
    }
}
function numberAttenndingShowHide(){
    var show_hide_number_filed = $('#number_attending_show_hide').val();
    if (show_hide_number_filed == "1"){ 
        $('.number_attendings_th_td').removeClass('d-none');
        $('.number_attendings').attr('required',true);
    }
    else{
        $('.number_attendings_th_td').addClass('d-none');
        $('.number_attendings').attr('required',false);
    }
}
$(document).ready(function () { 
    window.closeModal = function(){
        $('#fileViewModal').modal('hide');
    };
    $('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() {
        console.log('hhh');
        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');
    });
    var iosocket = io(state.endpoint);
    iosocket.on("connect", function() {
        console.log('socket connected');
        iosocket.on("signupFormUpdate", function(msg) {
            console.log('signupFormUpdate',msg);
            try {
                console.log('signupFormUpdate');
                if(msg.hasOwnProperty('tour_user_role')){
                    if(msg.tour_user_role ==5){
                        if(msg.hasOwnProperty('form_template_details_id')){
                            if(msg.hasOwnProperty('user_id')){
                                var userType = $('#userType').val();
                                if(userType == msg.tour_user_role) {
                                    if(state.senderId != msg.user_id){
                                        $('.template_row_id_'+msg.form_template_details_id).addClass('event-none');
                                    }
                                }
                            }                        
                            
                        }
                    }
                }
            } catch (error) {
                console.log("Error occurred in parsing message =>> ", error);
            }
        });
    });
    var isNumberAttendingShow = $('#isNumberAttendingShow').val();
    if(isNumberAttendingShow == "1"){
        $('.number_attendings').attr('required',true);
    }
    else{
        $('.number_attendings').attr('required',false);
    }
    $('body').on('click', '.tips-chk', function() {
        var data_id = $(this).attr('data-id');
        var data_row_id = $(this).attr('data-row_id');
        var data_slug = $(this).attr('data-slug');
        if ($(this).prop('checked')==true){ 
            if (data_slug == 'cash') {
                $('.tips-uname-' + data_row_id).not('#tips_uname_'+data_row_id + '_' + data_id).val('');
                $('.tips-uname-td-' + data_row_id).not('#tips_uname_td_'+data_row_id + '_' + data_id).addClass('d-none');
                $('.tips-chk-' + data_row_id).not('#master_tips_'+data_row_id + '_' + data_id).prop('checked', false);
                $('.tips-chk-td-' + data_row_id).not('#tips_chk_td_'+data_row_id + '_' + data_id).addClass('tips-event-none');
            }
            $('#tips_uname_td_'+data_row_id + '_' + data_id).removeClass('d-none');
        }
        else {
            if (data_slug == 'cash') {
                $('.tips-chk-td-' + data_row_id).not('#tips_chk_td_'+data_row_id + '_' + data_id).removeClass('tips-event-none');
            }
            
            $('#tips_uname_'+data_row_id + '_' + data_id).val('');
            $('#tips_uname_td_'+data_row_id + '_' + data_id).addClass('d-none');
        }
    });
    $('body').on('click','#visible_number_attending',function(){
        if ($(this).prop('checked')==true){ 
            // $('.number_attendings_th_td').removeClass('d-none');
            // $('.number_attendings').attr('required',true);
            $('#number_attending_show_hide').val(1);
        }
        else{
            // $('.number_attendings_th_td').addClass('d-none');
            // $('.number_attendings').attr('required',false);
            $('#number_attending_show_hide').val(0);
        }
        numberAttenndingShowHide();
    });
    $('body').on('click','#formPrint', function(){
        var printContent = document.getElementById('printArea');
        var WinPrint = window.open('', '', 'width=900,height=650');
        WinPrint.document.write(printContent.innerHTML);
        WinPrint.document.close();
        WinPrint.focus();
        WinPrint.print();
        WinPrint.close();
    });   
    @if($action_status)
        @if(!$is_row_delete)
            $('body').on('change','.form-field-check',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);
            });
            $('body').on('blur','.form-field-text',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);
            });

            $('body').on('change','select[data-in-type="select"]',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);
            });

            
        @endif
    $('body').on('click','.update-temp-row',function(){
        let template_id = $(this).attr('data-id');
        let type = $(this).attr('data-type');
        let key = $(this).attr('data-key');
        console.log('update-temp-row');
        updateFormFieldValue(template_id,type,key, true,1);
    });
    @endif
    $('.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($is_group_leader)
    
    $('body').on('click','.save_close_btn',function(){
        var form_data = new FormData($('#template-create')[0]);
        form_data.append('from_btn',1);  
        $.ajax({
            url: API_PATH+"/"+api_version+"/template-form-multi-row-update",
            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) {                   
                    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");                  
            }
        });
    });
    $('body').on('click','.submit_button',function(){
        let button_value = $(this).val();
        $('#submit_type').val(button_value);
        $('#template-create').submit();
    });

    $('#template-create').validate({
        rules: {
        },
        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-form-update-by-gl",
                            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) {
                                    // let submit_type = $('#submit_type').val();
                                    // if(submit_type == 'publish'){
                                    //     $('#save_submit_button').addClass('d-none');
                                    //     $('#published_submit_button').addClass('d-none');
                                    //     $('#unpublish_submit_button').removeClass('d-none');
                                    // }
                                    // else if(submit_type == 'unpublish'){
                                    //     $('#save_submit_button').removeClass('d-none');
                                    //     $('#published_submit_button').removeClass('d-none');
                                    //     $('#unpublish_submit_button').addClass('d-none');
                                    // }
                                    // $('#visible_location_note').html($('#location_note').val());
                                    // $('#visible_name').html($('#name').val());
                                    // bootbox.alert(data.msg);   
                                    // setTimeout(function(){  window.location.reload(); }, 1000); 
                                    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','#add_template_row',function(){
        let last_row = parseInt($('#last_row').val()) + 1;        
        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-form-template-row",
                data: {
                    last_row: last_row,                   
                    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);
                        numberAttenndingShowHide();
                        //$('#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();
    });
    @endif
    
});
</script>
@endsection