@section('deeper_styles')
<style>
    body {
        font-size: .8rem;
        line-height: 1.2;
    }
    .row {
        margin-top: -.6em;
    }
    .form-control {
        font-size: .75rem;
        line-height: 1.1;
    }
    .control-label {
        font-size: .75rem;
        line-height: 1.1;
    }
    .rojo {
        color: red;
    }
    .azul {
        color: blue;
    }
</style>
@endsection
<div class="row" style="margin-top: -.6em">
    <div class="col-md-6 text-center">
        <span class="block titulo">Información del Remitente<a href=# class="pull-right" wire:click="$toggle('showSect')">+/-&nbsp;&nbsp;</a></span> 
    </div>
    <div class="col-md-6 text-center">
        <span class="block titulo">Información del Servicio<a href=# class="pull-right" wire:click="$toggle('showSect')">+/-&nbsp;&nbsp;</a></span>
    </div>
</div>
@if ($showSect)
<div class="form-row mt-1 wow fadeIn animated">
    <div class="col-md-6">
        <!----------------------->
        <!--     Remitente     -->
        <!----------------------->
        <div class="row mt-1">
            <div class="col-md-2 text-right">
                <label for="numero" class="control-label">@lang('Nro Guia') </label>
            </div>
            <div class="col-md-3">
                <input wire:model="numero" type="text" class="form-control" id="numero"
                    placeholder="" disabled="disabled" style="color: blue; font-weight: bold">
                @error('numero') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-3 text-right">
                <label for="created_at" class="control-label">@lang('Fecha Creacion') </label>
            </div>
            <div class="col-md-4">
                <input wire:model="created_at" type="text" class="form-control" id="created_at"
                    placeholder="" disabled="disabled">
                @error('created_at') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right">
                <label for="cedula" class="control-label">@lang('Cedula') </label>
            </div>
            <div class="col-md-3">
                <input wire:model.lazy="cedula_remi" type="text" class="form-control required" id="cedula_remi"
                    placeholder="Cedula/RIF" {{$read}} required>
                @error('cedula_remi') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-7">
                <input wire:model.lazy="nombre_remi" type="text" class="form-control" id="nombre_remi"
                    placeholder="@lang('Nombre del Remitente')" {{$read}} required>
                @error('nombre_remi') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right">
                <label for="telefono_fijo_remi" class="control-label">@lang('Telefonos') </label>
            </div>
            <div class="col-md-5">
                <input wire:model="telefono_fijo_remi" type="text" class="form-control req" id="telefono_fijo_remi"
                    placeholder="Fijo: 02125764836" title="Solo numeros" {{$read}}>
                @error('telefono_fijo_remi') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-5">
                <input wire:model="telefono_movil_remi" type="text" class="form-control req" id="telefono_movil_remi"
                    placeholder="Movil: 04245764836" title="Solo numeros" {{$read}}>
                @error('telefono_movil_remi') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right">
                <label for="direccion_remi" class="control-label">@lang('Direccion') </label>
            </div>
            <div class="col-md-10">
                <textarea wire:model="direccion_remi" class="form-control req" id="direccion_remi req" rows="2"
                    placeholder="Dirección del Remitente" title="" {{$read}}></textarea>
                @error('direccion_remi') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right mt-1">
                <label for="email_remi" class="control-label">E-mail </label>
            </div>
            <div class="col-md-10">
                <input wire:model="email_remi" type="email" class="form-control req" id="email_remi"
                    placeholder="correo@remitente.com" title="" {{$read}}>
                @error('email_remi') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right">
                <label for="sexo_remi" class="control-label">@lang('Sexo') </label>
            </div>
            <div class="col-md-2">
                <select wire:model="sexo_remi" class="form-control req" id="sexo_remi" placeholder=@lang('Sexo') {{$read}}>
                    <option value="">M/F</option>
                    @foreach ($sexo_values as $key => $value)
                        <option value="{{$key}}">{{$value}}</option>
                    @endforeach
                </select>
                @error('sexo_remitente') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-4 text-right">
                <label for="fecha_nac_remi" class="control-label">@lang('Fecha Nacimiento') </label>
            </div>
            <div class="col-md-4">
                <input wire:model="fech_nac_remi" type="date" class="form-control" id="fech_nac_remi"
                    placeholder="" title="" {{$read}}>
                @error('fech_nac_remi') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right">
                <label for="profesion_id" class="control-label">Profesión</label>
            </div>
            <div class="col-md-9">
                <select wire:model="profesion_id" class="form-control" id="profesion_id" placeholder=@lang('Profesion') {{$read}}>
                    <option value="">Seleccione ({{count($profesiones)}})</option>
                    @foreach ($profesiones as $key => $value)
                        <option value="{{$key}}">{{$value}}</option>
                    @endforeach
                </select>
                @error('profesion_id') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-1">
                <button class="btn btn-dark btn-sm mt-1">+</button>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <!------------------->
        <!--   Servicio    -->
        <!------------------->
        <div class="row mt-1">
            <div class="col-md-2 text-right">
                <label for="producto_id" class="control-label">@lang('Producto') </label>
            </div>
            <div class="col-md-3">
                <select wire:model="producto_id" class="form-control" 
                    wire:change="producto_change" id="producto_id" placeholder=@lang('Producto') {{$read}}>
                    @foreach ($productos as $key => $value)
                        <option value="{{$key}}">{{$value}}</option>
                    @endforeach
                </select>
                @error('producto_id') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-2 text-right">
                <label for="destino_id" class="control-label">@lang('Destino') </label>
            </div>
            <div class="col-md-5">
                <select wire:model="destino_id" class="form-control" id="destino_id" placeholder=@lang('Sucursal') {{$read}}>
                    <option value="">Seleccione ({{count($sucursales)}})</option>
                    @foreach ($sucursales as $key => $value)
                        @php
                            $rece = App\Models\Sucursal::find($key)->receptoriasCount();
                        @endphp
                        <option value="{{$key}}">{{$value}} ({{$rece}})</option>
                    @endforeach
                </select>
                @error('destino_id') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right">
                <label for="servicio" class="control-label">@lang('Servicio') </label>
            </div>
            <div class="col-md-3">
                <select wire:model="servicio" class="form-control" id="servicio" placeholder=@lang('Servicio') {{$disExp}} {{$read}}>
                    <option value="">Selecc.</option>
                    @foreach ($servicios as $key => $value)
                        <option value="{{$key}}">{{$value}}</option>
                    @endforeach
                </select>
                @error('servicio') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-2 text-right">
                <label for="receptoria_destino_id" class="control-label">@lang('Receptoria') </label>
            </div>
            <div class="col-md-5">
                <select wire:model="receptoria_destino_id" class="form-control" id="receptoria_destino_id" placeholder=@lang('Receptoria') {{$disExp}} {{$read}}>
                    <option value="">Seleccione Una ({{count($receptorias)}})</option>
                    @foreach ($receptorias as $key => $value)
                        <option value="{{$key}}">{{$value}}</option>
                    @endforeach
                </select>
                @error('receptoria_destino_id') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <!----------------------->
        <!--   Destinatario    -->
        <!----------------------->
        <div class="row mt-1">
            <div class="col-md-12 text-center">
                <span class="block titulo">Información del Destinatario</span>
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right">
                <label for="cedula_dest" class="control-label">@lang('Cedula')</label>
            </div>
            <div class="col-md-3">
                <input wire:model.lazy="cedula_dest" type="text" class="form-control req" id="cedula_dest"
                    placeholder="Cedula/RIF" {{$read}}>
                @error('cedula_dest') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-7">
                <input wire:model="nombre_dest" type="text" class="form-control req" id="nombre_dest"
                    placeholder="@lang('Nombre del Destinatario')" {{$read}}>
                @error('nombre_dest') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right">
                <label for="telefono_fijo_dest" class="control-label">@lang('Teléfonos') </label>
            </div>
            <div class="col-md-5">
                <input wire:model="telefono_fijo_dest" type="text" class="form-control req" id="telefono_fijo_dest"
                    placeholder="Fijo: 02125764836" title="Solo numeros" {{$read}}>
                @error('telefono_fijo_dest') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-5">
                <input wire:model="telefono_movil_dest" type="text" class="form-control" id="telefono_movil_dest"
                    placeholder="Movil: 04245764836" title="Solo numeros" {{$read}}>
                @error('telefono_movil_dest') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right">
                <label for="direccion_dest" class="control-label">@lang('Direccion') </label>
            </div>
            <div class="col-md-10">
                <textarea wire:model="direccion_dest" class="form-control req" id="direccion_dest" rows="2"
                    placeholder="Dirección de Entrega" title="" {{$read}}></textarea>
                @error('direccion_dest') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
                <div class="row mt-1">
            <div class="col-md-2 text-right">
                <label for="sexo_dest" class="control-label">@lang('Sexo') </label>
            </div>
            <div class="col-md-2">
                <select wire:model="sexo_dest" class="form-control" id="sexo_dest" placeholder=@lang('Sexo') {{$read}}>
                    <option value="">M/F</option>
                    @foreach ($sexo_values as $key => $value)
                        <option value="{{$key}}">{{$value}}</option>
                    @endforeach
                </select>
                @error('sexo_dest') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-2 text-right mt-1">
                <label for="email_dest" class="control-label">E-mail </label>
            </div>
            <div class="col-md-6">
                <input wire:model="email_dest" type="email" class="form-control" id="email_dest"
                    placeholder="correo@destinatario.com" title="" {{$read}}>
                @error('email_dest') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>

    </div>
</div>
@endif
<div class="form-row" style="margin-top: .3em;">
    <div class="col-md-6 text-center">
        <span class="block titulo">Información del Envío</span>
    </div>
    <div class="col-md-3 text-center">
        <span class="block titulo">
            Costos del Servicio
        </span>
    </div>
    <div class="col-md-3 text-center">
        <span class="block titulo">
            Facturación&nbsp;&nbsp;
            <a href="#" wire:click="mostrarEn('VEB')" style="color: red">Bs</a>&nbsp;&nbsp;
            <a href="#" wire:click="mostrarEn('USD')" style="color: blue">USD</a>
        </span>
    </div>
</div>

<div class="row mt-1">
    <div class="col-md-6">
        <div class="row mt-1">
            <div class="col-md-8">
                <label for="contenido" class="control-label">@lang('Contenido')</label>
                <input wire:model.lazy="contenido" type="text" class="form-control" id="contenido" placeholder="Descripción del contenido del Envío" {{$read}}>
                @error('contenido') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-4">
                <label for="valor_declarado" class="control-label">@lang('Valor Declarado')</label>
                <input wire:model.lazy="valor_declarado" type="text" class="form-control text-right" id="valor_declarado" placeholder="V. Declarado" {{$read}}>
                @error('valor_declarado') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-4">
                <label for="asegurado" class="control-label">@lang('Desea seguro ?') </label>
                <select wire:model="asegurado" class="form-control" id="asegurado" {{$read}}>
                    <option value="">SI/NO</option>
                    @foreach ($active_values as $key => $value)
                        <option value="{{$key}}">{{$value}}</option>
                    @endforeach
                </select>
                @error('asegurado') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-4">
                <label for="forma_pago" class="control-label">@lang('Forma Pago')</label>
                <select wire:model="forma_pago" class="form-control" id="forma_pago" {{$read}}>
                    <option value="">Selecc</option>
                    @foreach ($forma_pago_values as $key => $value)
                        <option value="{{$key}}">{{$value}}</option>
                    @endforeach
                </select>
                @error('forma_pago') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-2">
                <label for="piezas" class="control-label">@lang('Piezas')</label>
                <input wire:model.lazy="piezas" type="text" class="form-control text-right" id="piezas" placeholder="Pzas" {{$read}}>
                @error('piezas') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-2">
                <label for="kilos" class="control-label">@lang('Kilos')</label>
                <input wire:model.lazy="kilos" type="text" class="form-control text-right" id="kilos" placeholder="Kgs" {{$readKg}}>
                @error('kilos') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-3">
                <label for="alto" class="control-label">@lang('Alto (cm)')</label>
                <input wire:model.lazy="alto" type="text" class="form-control text-right" id="alto" placeholder="Alto" {{$disNac}} {{$read}}>
                @error('alto') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-3">
                <label for="ancho" class="control-label">@lang('Ancho (cm)')</label>
                <input wire:model.lazy="ancho" type="text" class="form-control text-right" id="ancho" placeholder="Ancho" {{$disNac}} {{$read}}>
                @error('ancho') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-3">
                <label for="largo" class="control-label">@lang('Largo (cm)')</label>
                <input wire:model.lazy="largo" type="text" class="form-control text-right" id="largo" placeholder="Largo" {{$disNac}} {{$read}}>
                @error('largo') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-3">
                <label for="volumen" class="control-label">@lang('Volumen')</label>
                <input wire:model="volumen" type="text" class="form-control text-right" id="volumen" placeholder="@lang('Vol.')" disabled="disabled">
                @error('volumen') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        @if (($multi_piezas) && ($method == 'updateRecord') && ($producto->codigo == 'EXP'))
        <div class="row mt-1">
            <div class="col-md-2">
                <label for="kilos_pieza" class="control-label">@lang('Kilos')</label>
                <input wire:model.lazy="kilos_pieza" type="text" class="form-control text-right" id="kilos_piez" placeholder="Kg" {{$read}}>
                @error('kilos_pieza') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-2">
                <label for="alto_pieza" class="control-label">@lang('Alto(cm)')</label>
                <input wire:model.lazy="alto_pieza" type="text" class="form-control text-right" id="alto_pieza" placeholder="Alto" {{$read}}>
                @error('alto_pieza') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-2">
                <label for="ancho_pieza" class="control-label">@lang('Ancho(cm)')</label>
                <input wire:model.lazy="ancho_pieza" type="text" class="form-control text-right" id="ancho_pieza" placeholder="Anch" {{$read}}>
                @error('ancho_pieza') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-2">
                <label for="largo_pieza" class="control-label">@lang('Largo(cm)')</label>
                <input wire:model.lazy="largo_pieza" type="text" class="form-control text-right" id="largo_pieza" placeholder="Larg" {{$read}}>
                @error('largo_pieza') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-2">
                <label for="volumen_pieza" class="control-label">@lang('Volumen')</label>
                <input wire:model="volumen_pieza" type="text" class="form-control text-right" id="volumen_pieza" placeholder="@lang('Vol.')" disabled="disabled">
                @error('volumen_pieza') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-2" style="margin-top: 2em">
                <button wire:click="addPieza" class="btn btn-dark btn-sm" style="height: 2.6em">@lang('Save')</button>
            </div>
        </div>
        @endif
        @if (($multi_piezas) && ($producto->codigo == 'EXP'))
        <div class="row mt-2">
            <div class="col-md-12">
                <label class="control-label">@lang('Piezas')</label>
                @include('guia.piezas')
            </div>
        </div>
        @endif
    </div>
    <div class="col-md-3">
        @foreach ($guia_importes as $importe)
        <div class="row">
            <div class="col-sm-5 text-right">
                <label class="control-label">{{$importe['concepto']['mostrar_como']}}</label>
            </div>
            <div class="col-sm-7 text-right">
                <input value="{{MyHelpers::nf($importe['monto'])}}" type="text" class="form-control text-right importe" disabled="disabled">
            </div>
        </div>
        @endforeach
    </div>
    <div class="col-md-3">
        <div class="row">
            <div class="col-sm-5">
                <label class="control-label importe">TASA Bs/$</label>
            </div>
            <div class="col-sm-7 text-right">
                <input value="{{MyHelpers::enBs($tasa)}}" type="text" class="form-control text-right importe" disabled="disabled">
            </div>
        </div>
        <div class="row">
            <div class="col-sm-5">
                <label class="control-label importe">TOTAL</label>
            </div>
            <div class="col-sm-7 text-right">
                <input value="{{$total_guia}}" type="text" class="form-control text-right importe" disabled="disabled">
            </div>
        </div>
        <div class="row">
            <div class="col-sm-5">
                <a href="#" wire:click="showFactura({{$factura_id}})">
                    <label class="control-label importe">PreFact</label>
                </a>
            </div>
            <div class="col-sm-7 text-right">
                <input value="{{$factura_id}}" type="text" class="form-control text-right importe" disabled="disabled">
            </div>
        </div>
    </div>
</div>

<div class="row mt-2">
    <div class="col-sm-6">
        <span class="block titulo mb-1">Checkpoints de las Piezas</span>
        @include('guia.checkpoints')
    </div>
</div>