@extends('layouts.master', [
							'class'				=>	'shipments',
                        ])
@section('content')
    @component('components.card_main', [
        'title' => __('shipment.checklist_title') . '   -  '. ucfirst($typeName) .' ' . $shipment->id,
        'id' => 'checklist_create'
    ])
    @slot('body')
    <form class="mb-5" id="checklist_form">
        <div class="container">
            <div class="mt-2">				
                <div class="mb-2 d-flex flex-wrap">   
                    <div class="mr-3 mb-2">
                        <label class="col-form-label">@lang('shipment.tract'):</label>
                        <input readonly id="tract" name="tract" placeholder="Tracto" class="form-control" value="{{$shipment->tract}}">
                    </div>
                    <div class="mr-3 mb-2">
                        <label class="col-form-label">@lang('shipment.box'):</label>
                        <input readonly id="box" name="box" placeholder="Caja" class="form-control" value="{{$shipment->box}}">
                    </div>
                    <div class="mr-3 mb-2">
                        <label class="col-form-label">@lang('shipment.seal'):</label>
                        <input readonly id="seal" name="seal"  placeholder="Sello" class="form-control" value="{{$shipment->seal}}">
                    </div>
                    <div class="mr-3 mb-2">
                        <label class="col-form-label">@lang('shipment.tract_plates'):</label>
                        <input readonly id="tractor_plate" name="tractor_plate" placeholder="Placas Tractor" class="form-control" value="{{$shipment->tractor_license_plate}}">
                    </div>
                    <div class="mr-3 mb-2">
                        <label class="col-form-label">@lang('shipment.box_plates'):</label>
                        <input readonly id="box_plate" name="box_plate" placeholder="Placas Caja" class="form-control" value="{{$shipment->box_license_plate}}">
                    </div>
                    <div class="mr-3 mb-2">
                        <label class="col-form-label">@lang('shipment.driver_name'):</label>
                        <input readonly id="driver_name" name="driver_name" placeholder="Nombre Chofer" class="form-control" value="{{$shipment->driver_name}}">
                    </div>
                    <div class="mr-3 mb-2">
                        <label class="col-form-label">@lang('shipment.security_name'):</label>
                        <input readonly id="security_name" name="security_name" placeholder="Nombre Guardia" class="form-control" 
                            value="{{$shipment->securityUser->first_name}} {{$shipment->securityUser->last_name}}">
                    </div>
                </div>
            </div>
        </div>
    
        <div class="container">
            <label class="col-form-label">@lang('shipment.insp_schema')</label>
            <img class="image-responsive" src="{{asset('/img/checklist_inspeccion.png')}}">
        </div>
        <br>
        <div class="container">
            <h5><strong>@lang('shipment.points_rev')</strong></h5>
            @foreach($shipment->answersRevision as $answer)
                @php
                    $id = $answer->id;
                @endphp
                <div class="pregunta-revision pregunta-div" data-id="{{$id}}" id="pregunta_revision_{{$id}}">
                    <div class="pregunta-header">
                        <div class="nombre px-3">{{$answer->question_name}}</div>
                        <div class="action-btns">
                            <div class="d-flex justify-content-end">
                                <div>
                                    <div class="form-check form-check-right form-check-switchery">
                                        <input disabled type="checkbox" class="form-check-input-switchery" {{ $answer->status ? 'checked' : '' }} data-fouc>
                                        <label class="form-check-label">Active</label>
                                    </div>		
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="pregunta-body">
                        @if ($answer->comments)
                        <div class="comentarios">
                            {{$answer->comments}}
                        </div>
                        @endif
                        
                        @if ($answer->evidence_path)
                        <div>
                            <img src="{{$answer->answer_evidence_url}}" class="evidence-preview" />
                        </div>
                        @endif
                        
                    </div>
                </div>
            @endforeach
        </div>
        <div class="container">
            <br>
            <h5><strong>@lang('shipment.points_insp')</strong></h5>
            @foreach($shipment->answersInspection as $answer)
                @php
                    $id = $answer->id;
                @endphp
                <div class="pregunta-inspeccion pregunta-div" data-id="{{$id}}" id="pregunta_inspeccion_{{$id}}">
                    <div class="pregunta-header">
                        <div class="nombre px-3">{{$answer->question_name}}</div>
                        <div class="action-btns">
                            <div class="d-flex justify-content-end">
                                <div>
                                    <div class="form-check form-check-right form-check-switchery">
                                        <input disabled type="checkbox" class="form-check-input-switchery" {{$answer->status ? 'checked' : ''}} data-fouc>
                                        <label class="form-check-label">Active</label>
                                    </div>		
                                </div>
                            </div>				    
                        </div>
                    </div>
                    <div class="pregunta-body">
                        @if ($answer->comments)
                        <div class="comentarios">
                            {{$answer->comments}}
                        </div>
                        @endif
                        @if ($answer->location)
                        <div class="ubicacion">
                            {{$answer->location}}
                        </div>
                        @endif
                        @if ($answer->evidence_path)
                        <div>
                            <img src="{{$answer->answer_evidence_url}}" class="evidence-preview" />
                        </div>
                        @endif
                    </div>						  	
                </div>
            @endforeach
        </div>

        <div class="container">
            <h2 class="mt-5">@lang('shipment.conditions_checklist_legend')</h2>
            <div class="container">
                <div class="row">
                    <div class="col-3">
                        <label>
                            <input readonly name="condiciones_status" type="radio" value="true" disabled {{$shipment->checklist_conditions ? 'checked' : ''}} />
                            <span style="color: green; font-size: x-large">@lang('master.yes')</span>
                        </label>
                    </div>
                    <div class="col-3">
                        <label>
                            <input readonly name="condiciones_status" type="radio" value="false" disabled {{!$shipment->checklist_conditions ? 'checked' : ''}} />
                            <span style="color: red; font-size: x-large">@lang('master.no')</span>
                        </label>
                    </div>
                </div>	
            </div>				    
        </div>

        <div class="firmas">
            <div class="mx-3 py-2 text-center">
                <img src="{{$shipment->security_signature_url}}" width="300" id="sketch_security_signature"></canvas>
                <h5><span class="font-weight-600">@lang('shipment.sign_guard'):</span>  <span></span></h5>
            </div>
            <div class="mx-3 py-2 text-center">
                <img src="{{$shipment->supplier_signature_url}}" width="300" id="sketch_security_signature"></canvas>
                <h5><span class="font-weight-600">@lang('shipment.sign_supplier'):</span>  <span></span></h5>
            </div>
        </div>
    </form>
    @endslot
    @endcomponent
@endsection

@section('app-scripts')
	<script type="text/javascript">

	</script>
	<script src="{{mix('js/shipments/checklist_show_detail.js')}}"></script>
@endsection

@section('plugin-scripts')
    <script type="text/javascript" src="{{ asset('js/plugins/touch/touch.js'.'?v=1')}}"></script>
@endsection