@extends('app-new')

@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css"> 
    <!-- END: Page CSS-->
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">{{trans('master/master.visit_master')}}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/{!! $alias !!}/home">{{trans('master/master.home')}}</a>
                    </li>
                    <li class="breadcrumb-item"><a href="/{!! $alias !!}/visit">{{trans('master/master.visit_master')}}</a>
                    </li>
                    <li class="breadcrumb-item active">
                        @if(isset($employees) && ($visit->id))
                        {{trans('common/common.edit')}}
                    @else
                        {{trans('master/master.add_new')}}
                    @endif
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
<!-- Basic multiple Column Form section start -->
{!! Form::model($visit, ['method' => isset($visit) && $visit->id ? 'put' : 'post', 'enctype' => 'multipart/form-data']) !!}
    <section class="vertical-wizard">
        <div class="bs-stepper vertical vertical-wizard-example">
            <div class="bs-stepper-header">
                <div class="step" data-target="#personal-info-vertical" role="tab" id="personal-info-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">1</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('master/master.venue_detail')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('master/master.add_venue_detail')}}</span>
                        </span>
                    </button>
                </div>
                <div class="step" data-target="#account-details-vertical" role="tab" id="account-details-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">2</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('master/master.customer_detail')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('master/master.add_customer_detail')}}</span>
                        </span>
                    </button>
                </div>
                <div class="step" data-target="#employee-detail" role="tab" id="employee-detail-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">3</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('master/master.employee_detail')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('master/master.add_employee_detail')}}</span>
                        </span>
                    </button>
                </div>
                <div class="step contractor" data-target="#contractor-details-vertical" role="tab" id="contractor-details-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">4</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('master/master.attachments')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('master/master.add_attachments')}}</span>
                        </span>
                    </button>
                </div>
            </div>
            <div class="bs-stepper-content">
                <div id="personal-info-vertical" class="content position-relative" role="tabpanel" aria-labelledby="personal-info-vertical-trigger" style="height: 470px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('master/master.venue_detail')}}</h5>
                        <small class="text-muted">{{trans('master/master.enter_venue_detail')}}</small>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('name') ? 'has-error' : '' }}}">
                                <label class="form-label" for="username">{{trans('master/master.name')}} <span class="mendatory-field text-danger">*</span></label>
                                {!! Form::text('name', 
                                    isset($visit) && $visit->name ? $visit->name : old('name'), 
                                    ['class' => 'form-control',
                                    'id' => 'name']) 
                                !!}
                                {!! $errors->first('name', '<label class="error" for="name">:message</label>')!!}
                            </div>
                        </div>

                        <div class="col-md-6 mb-1">
                            <label class="form-label">{{trans('master/master.purpose')}}</label>
                            <select class="form-control select2" id="agenda" name="agenda">
                                <option value="">--Select Purpose --</option>
                                @foreach($purposes as $val)
                                    <option value="{{$val->id}}" @if(isset($val) && ($val->id == $visit->agenda)) selected @endif>
                                        {{$val->name}}
                                    </option>
                                @endforeach    
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('venue') ? 'has-error' : '' }}}">
                                <label class="form-label" for="venue">{{trans('master/master.venue')}} <span class="mendatory-field text-danger">*</span></label>
                                {!! Form::text('venue', 
                                    isset($visit) && $visit->venue ? $visit->venue : old('venue'), 
                                    ['class' => 'form-control',
                                    'id' => 'venue']) 
                                !!}
                                {!! $errors->first('name', '<label class="error" for="name">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('from_time') ? 'has-error' : '' }}}" style="display">
                                <label class="form-label" for="from_time">{{trans('master/master.visit_from')}}</label><span class="mendatory-field text-danger">*</span>
                                @if(isset($fromTime))
                                {!! Form::text('from_time',$fromTime,['class' => 'form-control', 'id' => 'from_time']) !!}
                                @else
                                {!! Form::text('from_time', isset($visit) && $visit->from_time ? $visit->from_time : old('from_time'),['class' => 'error', 'id' => 'from_time']) !!}
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('to_time') ? 'has-error' : '' }}}" style="display">
                                <label class="form-label" for="to_time">{{trans('master/master.visit_till')}} <span class="mendatory-field text-danger">*</span></label>
                                @if(isset($toTime))
                                    {!! Form::text('to_time',$toTime,['class' => 'form-control', 'id' => 'to_time']) !!}
                                @else
                                    {!! Form::text('to_time', isset($visit) && $visit->to_time ? $visit->to_time : old('to_time'),['class' => 'form-control', 'id' => 'to_time']) !!}
                                @endif
                            </div>
                        </div>

                        <div class="col-md-6">
                            <label>Status</label>
                            <select class="form-control select2" id="status" name="status">
                            @if(isset($employees) && ($visit->id)){
                                <option value="{{$visit->status}}" > {{ $visit->status }}</option>
                            }
                            @endif
                                <option value="pending">Pending</option>
                                <option value="completed">Completed</option>
                                <option value="cancelled">Cancelled</option>
                            </select>
                        </div>
                    </div>
                    <div class="content-footer position-absolute bottom-0 col-md-12">
                        <div class="d-flex justify-content-between content-footer">
                            <button type="button" class="btn btn-outline-secondary btn-prev" disabled>
                                <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                <span class="align-middle d-sm-inline-block d-none">{{trans('common/common.previous')}}</span>
                            </button>
                            <button type="button" class="btn btn-primary btn-next">
                                <span class="align-middle d-sm-inline-block d-none">{{trans('common/common.next')}}</span>
                                <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div id="account-details-vertical" class="content position-relative" role="tabpanel" aria-labelledby="account-details-vertical-trigger" style="height: 470px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('master/master.customer_detail')}}</h5>
                        <small>{{trans('master/master.enter_customer_detail')}}</small>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-1">
                            <label class="form-label">{{trans('master/master.customer')}}</label><span class="mendatory-field text-danger">*</span>
                            <select class="form-control select2" id="customer_id" name="customer_id" onchange="getCustomerDetails(this.value)">
                                <option value="">--Select Customer --</option>
                                @foreach($customers as $customer)
                                    <option value="{{$customer->id}}" @if(isset($customer) && ($customer->id == $visit->customer_id)) selected @endif>
                                        {{$customer->name}}
                                    </option>
                                    @endforeach    
                            </select>
                            {!! $errors->first('customer_id', '<label class="error" for="customer_id">:message</label>')!!}
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="to_time">{{trans('master/master.mobile_number')}}</label>
                                @if(isset($customers) && ($visit->id))
                                <div class= "form-control" id="mobile"></div>
                                @else
                                    <input type="hidden" name="" id="" >
                                    <div class= "form-control" id="mobile" value = 'mobile' style="height:37px"></div>
                                @endif
                            </div>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-1 {{{ $errors->has('address') ? 'has-error' : '' }}}">
                            <label for="address">{{trans('master/master.address')}}</label>
                            {!! Form::textarea('address', isset($visit->address) ? $visit->address : old('address'), 
                                ['class' => 'form-control', 'id' => 'address', 'rows' => 2, 'style' => 'resize:none;']) !!} 
                        </div>
                        <div class="col-md-6 {{{ $errors->has('geo_address') ? 'has-error' : '' }}}">
                            <label for="geo_address">{{ trans('master/master.geo_address') }}</label>
                            {!! Form::textarea('geo_address', isset($visit->geo_address) ? $visit->geo_address : old('geo_address'), 
                                ['class' => 'form-control', 'id' => 'geo_address', 'rows' => 2, 'style' => 'resize:none;']) !!} 
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="to_time">{{trans('master/master.email_id')}} </label>
                                @if(isset($customers) && ($visit->id))
                                    <div class= "form-control" id="email"></div>
                                @else
                                    <input type="hidden" name="" id="" >
                                    <div class= "form-control" id="email" value = 'email' style="height:37px"></div>
                                @endif
                            </div>
                        </div>
                    </div>
                    
                    <div class="content-footer position-absolute bottom-0 col-md-12">
                        <div class="d-flex justify-content-between content-footer">
                            <button type="button" class="btn btn-outline-secondary btn-prev">
                                <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                <span class="align-middle d-sm-inline-block d-none">{{trans('common/common.previous')}}</span>
                            </button>
                            <button type="button" class="btn btn-primary btn-next">
                                <span class="align-middle d-sm-inline-block d-none">{{trans('common/common.next')}}</span>
                                <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div id="employee-detail" class="content position-relative" role="tabpanel" aria-labelledby="employee-detail-trigger" style="height: 470px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('master/master.employee_detail')}}</h5>
                        <small>{{trans('master/master.enter_employee_detail')}}</small>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-1 {{{ $errors->has('type') ? 'has-error' : '' }}}">
                            <label for="type">{{ trans('master/master.type') }}</label><span class="mendatory-field text-danger">*</span>
                            @if(isset($currEmp) && (($currEmp->employee_type=="employee") || ($currEmp->employee_type=="workman") ))
                                <select class="form-control" id="type" name="type" disabled>
                            @else
                                <select class="form-control select2" id="type" name="type">
                            @endif
                                <option value="" selected>Select Type</option>
                                <option value="employee"  @if((old('type') == 'employee' ) || ($currEmp->employee_type == 'employee')) selected @endif>Employee</option>                                                        
                                <option value="workman"  @if((old('type') == 'workman' ) || ($currEmp->employee_type == 'workman')) selected @endif>Workman</option>                                                        
                            </select>
                            {!! $errors->first('type', '<label class="error" for="type">:message</label>')!!}
                        </div>
                        <div class="col-md-6 mb-1" id="employee-div" style="display: @if((old('type'))=='employee' || ($currEmp->employee_type == 'employee')) block @else none @endif;">
                            <label for="employee_id" class="required">{{ trans('master/master.employee') }}</label>
                            <br>
                            <select class="form-control" id="employee_id" name="employee_id">
                                <option value="" selected>Select Employee</option>
                                @foreach($employees as $employee)
                                    <option value="{{$employee->id}}"  @if((old('employee_id') == $employee->id ) || (isset($visit->employee_id) && $visit->employee_id == $employee->id) || (isset($currEmp->id) && $currEmp->id == $employee->id)) selected @endif>{{ ucfirst($employee->name).' ('.$employee->employee_code.')'}}</option>                      
                                @endforeach
                                </select>
                            {!! $errors->first('employee_id', '<label class="error" for="employee_id">:message</label>')!!}
                        </div>

                        <div class="col-md-6" id="workman-div" style="display: @if((old('type'))=='workman' || ($currEmp->employee_type == 'workman')) block @else none @endif;">
                            <label for="workman_id" class="required">{{ trans('master/master.workman') }}</label>
                            <br>
                            <select class="form-control" id="workman_id" name="workman_id">
                                <option value="" selected>Select Workman</option>
                                @foreach($workmans as $workman)
                                    <option value="{{$workman->id}}"  @if((old('workman_id') == $workman->id ) || (isset($visit->employee_id) && $visit->employee_id == $workman->id) || (isset($currEmp->id) && $currEmp->id == $employee->id)) selected @endif>{{ ucfirst($workman->name).' ('.$workman->employee_code.')' }}</option>                      
                                @endforeach
                                </select>
                            {!! $errors->first('workman_id', '<label class="error" for="workman_id">:message</label>')!!}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-1">
                            <label>Remarks</label>
                            {!! Form::text('remarks', 
                                isset($visit) && $visit->remarks ? $visit->remarks : old('remarks'), 
                                ['class' => 'form-control',
                                'id' => 'remarks']) 
                            !!}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-1 {{{ $errors->has('reason') ? 'has-error' : '' }}}" style="display: @if((old('reason') == 'cancelled') || ($visit->status == 'cancelled')) block @else none @endif;">
                            <label for="reason">Reason</label> 
                            {!! Form::text('reason', isset($visit->reason) ? $visit->reason : old('reason'),['class' => 'form-control', 'id' => 'reason']) !!}
                        </div>
                    </div>
                    <div class="content-footer position-absolute bottom-0 col-md-12">
                        <div class="d-flex justify-content-between content-footer">
                            <button type="button" class="btn btn-outline-secondary btn-prev">
                                <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                <span class="align-middle d-sm-inline-block d-none">{{trans('common/common.previous')}}</span>
                            </button>
                            <button type="button" class="btn btn-primary btn-next">
                                <span class="align-middle d-sm-inline-block d-none">{{trans('common/common.next')}}</span>
                                <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div id="contractor-details-vertical" class="content position-relative" role="tabpanel" aria-labelledby="contractor-details-vertical-trigger" style="min-height: 470px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('master/master.attachments')}}</h5>
                        <small>{{trans('master/master.add_attachments')}}</small>
                    </div>
                    <div class="row">
                        <div class="row">
                            <div class="col-md-12 col-12">
                                <label class="form-label">Attachment <span style="color:grey">(can attach more than one)</span></label> 
                                <div class="form-group {{{ $errors->has('attachments.*') || $errors->has('attachments') ? 'has-error' : '' }}}">
                                    {!! $errors->first('attachments', '<label class="control-label" for="attachments">:message</label>')!!}
                                    {!! $errors->first('attachments.*', '<label class="control-label" for="attachments[]">:message</label>')!!}
                                    <div class="row">
                                        <div class="col-md-6">
                                            <button type="button" id="add_more" class="btn btn-primary" style="line-height:15px;"><i class="fa fa-plus" aria-hidden="true"></i> Add Attachment</button>
                                        </div>
                                    </div>
                                    @if($visit->attachments)
                                        @foreach($visit->getMedia('attachments') as $attachment)
                                        <div style="display:inline-block; position:relative; margin: 7px 7px 0 0;">
                                                @if($attachment->mime_type=="application/msword" || $attachment->mime_type=="appplication/docx" || $attachment->mime_type=="appplication/doc")
                                                    <a href="{{$attachment->getUrl()}}" target="_blank"><img src="/assets/img/docx-icon.jpg" alt="attachment" style="height: 200px; width:200px; object-fit: contain;"></a> 
                                                @elseif($attachment->mime_type=="application/pdf")
                                                    <a href="{{$attachment->getUrl()}}" target="_blank"><img src="/assets/img/pdf-icon.jpg" alt="attachment" style="height: 200px; width:200px; object-fit: contain;"></a> 
                                                @else
                                                    <a href="{{$attachment->getUrl()}}" target="_blank"><img src="{{$attachment->getUrl()}}" alt="attachment" style="height: 200px; width:200px; object-fit: contain;"></a> 
                                                @endif
                                                <p class="text-center">{{$attachment->file_name}}</p>
                                                <a onclick="delAttached.call(this,{{$attachment->id}})" style='cursor:pointer; color:red; position: absolute; right: 5px; top: 5px' title="Delete Image"> <i class="fa fa-times-circle" style="font-size:18px;"></i></a>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>

                        <input type="hidden" name="deleted_attachemnts" id="deleted_attachemnts" value=[] />
                        
                    </div>
					
                    <br>
                    <br>
                    <div class="content-footer position-absolute bottom-0 col-md-12">
						<div class="d-flex justify-content-between content-footer">
							<button type="button" class="btn btn-outline-secondary btn-prev">
								<i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
								<span class="align-middle d-sm-inline-block d-none">{{trans('manager/manager_create.previous')}}</span>
							</button>
							<button type="submit" class="btn btn-success btn-submit" id="confirm-submit-text">{{trans('manager/manager_create.submit')}}</button>
						</div>
					</div>
                </div>
				
            </div>
        </div>
    </section>
 
{!! Form::close() !!} 
<!-- Basic Floating Label Form section end -->

@endsection 

@push('footer-script')

<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
<script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
<script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
<!-- END: Page Vendor JS-->

<!-- BEGIN: Page JS-->
<script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
<script src="/app-assets/js/scripts/forms/form-validation.js"></script>
<script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js" type="text/javascript"></script>
<script src="/assets/plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>

<!-- END: Page JS-->
<script type="text/javascript">
    function getCustomerDetails (customer_id) {
        var url = "/{!! $alias !!}/visit/customer";
        $.ajax({
            url: url,
            type: "POST",
            data: {
                "_token": "{{ csrf_token() }}",
                "id": customer_id},
            success: function (data) {
                $('#mobile').html(data.mobile);
                $('#email').html(data.email);
                $('#address').html(data.company_address);
                $('#geo_address').html(data.geo_address);
                }
        });
    }
    
    var imagesPreview = function(input, placeToInsertImagePreview) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(event) {
                var extension = input.files[0].name.split('.').pop().toLowerCase();
                if(extension == "pdf"){
                    $($.parseHTML('<img src="/assets/img/pdf-icon.jpg" style="height:200px; width:200px; object-fit: contain;"> <a onclick="deleteAttachment.call(this)" style="cursor:pointer; color:red; position: absolute; right: 5px; top: 5px" title="Delete Image"> '+feather.icons['x'].toSvg({ class: 'font-4' })+'</a><p class="text-center">'+input.files[0].name+'</p>')).appendTo(placeToInsertImagePreview);
                }
                else if(extension == "docx" || extension=="doc"){
                    $($.parseHTML('<img src="/assets/img/docx-icon.jpg" style="height:200px; width:200px; object-fit: contain;"> <a onclick="deleteAttachment.call(this)" style="cursor:pointer; color:red; position: absolute; right: 5px; top: 5px" title="Delete Image"> '+feather.icons['x'].toSvg({ class: 'font-4' })+'</a><p class="text-center">'+input.files[0].name+'</p>')).appendTo(placeToInsertImagePreview);
                }
                else{
                    $($.parseHTML('<img style="height:200px; width:200px; object-fit: contain;"> <a onclick="deleteAttachment.call(this)" style="cursor:pointer; color:red; position: absolute; right: 5px; top: 5px" title="Delete Image"> '+feather.icons['x'].toSvg({ class: 'font-4' })+'</a><p class="text-center">'+ input.files[0].name+'</p>')).attr('src', event.target.result).appendTo(placeToInsertImagePreview);
                }
            }
            reader.readAsDataURL(input.files[0]);
        }
    };

    function delAttached(attachment){
        $(this).parent().remove();
        var val = JSON.parse($('#deleted_attachemnts').val());
        val.push(attachment);
        $('#deleted_attachemnts').val(JSON.stringify(val));
    }

    function deleteAttachment(){
        $(this).parent().remove();
    }

    function preview() {
        imagesPreview(this, $(this).closest('div'));
    }

    $('#add_more').click(function(e){
        var temp = $(this).parent().parent().parent().append("<div style='display:inline-block; position:relative; margin: 7px 7px 0 0;'><input type='file' style='display:none;' class='fileinput form-control attachments' name='attachments[]' data-filename-placement='inside' title='Browse' onchange='preview.call(this)' /></div>");
        var result = temp.find('div:last input').trigger('click');
    });
    
    
    $(document).ready(function(){

        $('#from_time').datetimepicker();
        $('#to_time').datetimepicker();

        @if(isset($customers))
            $('#customer_id').trigger('change');
            
        @endif

        $('#type').change(function() {
            $(".select-type").attr("disabled", true);
            $('.select-type').parent().hide();
            var ids = $(this).val();
            if(ids == "employee"){
            $("#workman_id").attr("disabled", true);
            $('#workman_id').parent().hide();
            // $('#'+ids+'_id').select2('destroy');
            $('.select-type').prop('selectedIndex',0);
            $('#'+ids+'_id option:first').prop('selected',true).trigger( "change" );
            $('#'+ids+'-div > .select-type').removeAttr("disabled");
            $('#'+ids+'_id').removeAttr("disabled");
            $('#'+ids+'_id').parent().show();
            // $('#'+ids+'_id').select2();
            }
            else if(ids == "workman"){
            $("#employee_id").attr("disabled", true);
            $('#employee_id').parent().hide();
            // $('#'+ids+'_id').select2('destroy');
            $('.select-type').prop('selectedIndex',0);
            $('#'+ids+'_id option:first').prop('selected',true).trigger( "change" );
            $('#'+ids+'-div > .select-type').removeAttr("disabled");
            $('#'+ids+'_id').removeAttr("disabled");
            $('#'+ids+'_id').parent().show();
            // $('#'+ids+'_id').select2();
            }
            else{
            $("#employee_id").attr("disabled", true);
            $('#employee_id').parent().hide();
            $("#workman_id").attr("disabled", true);
            $('#workman_id').parent().hide();
            }
            

        });

        $('#status').change(function() {
            $("#reason").attr("disabled", true);
            $('#reason').parent().hide();
            var value = $(this).val();
            if(value=='cancelled'){
                $('#reason').removeAttr("disabled");
                $('#reason').parent().show();
            }
        });

    })
</script>
@endpush