@section('adhoc_styles')
<style>
    body {
        font-size: .9rem;
        line-height: 1.1;
    }
    /* .row {
        margin-top: -.6em;
    } */
    .form-control {
        font-size: .8rem;
        line-height: 1;
    }
    .control-label {
        font-size: .8rem;
        line-height: 1.2;
    }
    .rojo {
        color: red;
    }
    .azul {
        color: blue;
    }
</style>
@endsection
<div class="form-row" style="margin-top: -.6em">
    <div class="col-md-6 text-center">
        <span class="block titulo">Pre-Factura y Documento Fiscal<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 de Retención<a href=# class="pull-right" wire:click="$toggle('showSect')">+/-&nbsp;&nbsp;</a></span>
    </div>
</div>
@if ($showSect)
<div class="form-row wow fadeIn animated">
    <div class="col-md-6">
        <div class="row mt-1">
            <div class="col-md-2 text-right mt-2">
                <label for="id" class="control-label">@lang('PreFact') </label>
            </div>
            <div class="col-md-3">
                <input wire:model="recid" type="text" class="form-control" id="id"
                    placeholder="" disabled="disabled" style="color: blue; font-weight: bold">
            </div>
            <div class="col-md-3 text-right mt-2">
                <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">
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right mt-2">
                <label for="cedula_rif" class="control-label">@lang('Ced/RIF') </label>
            </div>
            <div class="col-md-3">
                <input wire:model.lazy="cedula_rif" type="text" class="form-control required" id="cedula_rif"
                    placeholder="Ced/RIF" {{$read}} required>
                @error('cedula_rif') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-7">
                <input wire:model.lazy="razon_social" type="text" class="form-control" id="razon_social"
                    placeholder="@lang('Razon Social')" {{$read}} required>
                @error('razon_social') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right mt-2">
                <label for="telefono" class="control-label">@lang('Telefono') </label>
            </div>
            <div class="col-md-3">
                <input wire:model="telefono" type="text" class="form-control req" id="telefono"
                    placeholder="02125764836" title="Solo numeros" {{$read}}>
                @error('telefono') <span class="my_red">({{ $message }})</span> @enderror
            </div>
            <div class="col-md-7">
                <input wire:model="direccion_fiscal" type="text" class="form-control req" id="direccion_fical"
                    placeholder="Direccion Fiscal" title="Solo numeros" {{$read}}>
                @error('direccion_fical') <span class="my_red">({{ $message }})</span> @enderror
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right mt-2">
                <label for="sucursal_id" class="control-label">@lang('Sucursal') </label>
            </div>
            <div class="col-md-4">
                <input wire:model="sucursal" type="text" class="form-control req" id="sucursal" title="Sucursal"  disabled="disabled">
            </div>
            <div class="col-md-2 mt-2 text-right">
                <label for="receptoria_id" class="control-label">@lang('Receptoria') </label>
            </div>
            <div class="col-md-4">
                <input wire:model="receptoria" type="text" class="form-control req" id="receptoria" title="Sucursal"  disabled="disabled">
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right mt-2">
                <label for="numero" class="control-label">Doc Fisc.</label>
            </div>
            <div class="col-md-3">
                <input wire:model="numero" type="text" class="form-control" id="numero" {{$readDF}}>
            </div>
            <div class="col-md-2 text-right mt-2">
                <label for="fecha_impresion" class="control-label">Impresion</label>
            </div>
            <div class="col-md-3">
                <input wire:model="fecha_impresion" type="text" class="form-control" id="fecha_impresion" placeholder="F.Impr" {{$readDF}}>
            </div>
            <div class="col-md-2">
                <input wire:model="hora_impresion" type="text" class="form-control" id="hora_impresion" placeholder="H.Impr"  {{$readDF}}>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        Retencion
    </div>
</div>
@endif

<div class="form-row mt-2">
    <div class="col-md-5 text-center">
        <span class="block titulo">Guias Facturadas</span> 
    </div>
    <div class="col-md-3 text-center">
        <span class="block titulo">Importes</span>
    </div>
    <div class="col-md-4 text-center">
        <span class="block titulo">Cobro (Tasa Bs/$: {{MyHelpers::nf($tasa)}})</span>
    </div>
</div>

<div class="form-row mt-1">
    <div class="col-md-5 text-center">
        @include('factura.guias')
    </div>
    <div class="col-md-3 text-center">
        @include('factura.items')
    </div>
    <div class="col-md-2 text-center">
        <div class="row mt-1">
            <div class="col-md-5 text-right mt-2">
                <label for="total_usd" class="control-label">@lang('Total $') </label>
            </div>
            <div class="col-md-7" style="margin-top: -.3em">
                <input wire:model="total_usd" type="text" class="form-control text-right" id="total_usd" disabled="disabled">
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-5 text-right mt-2">
                <label for="monto_cobrado_usd" class="control-label">@lang('Cobrado $') </label>
            </div>
            <div class="col-md-7">
                <input wire:model="monto_cobrado_usd" type="text" class="form-control text-right" id="monto_cobrado_usd" disabled="disabled">
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-5 text-right mt-2">
                <label for="restante_usd" class="control-label">@lang('Restante $') </label>
            </div>
            <div class="col-md-7">
                <input wire:model="restante_usd" type="text" class="form-control text-right" id="restante_usd" disabled="disabled">
            </div>
        </div>
    </div>
    <div class="col-md-2 text-center">
        <div class="row mt-1">
            <div class="col-md-2 text-right mt-2">
                <label for="total" class="control-label">@lang('Bs') </label>
            </div>
            <div class="col-md-10" style="margin-top: -.3em">
                <input wire:model="total" type="text" class="form-control text-right" id="total" disabled="disabled">
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right mt-2">
                <label for="monto_cobrado" class="control-label">@lang('Bs') </label>
            </div>
            <div class="col-md-10">
                <input wire:model="monto_cobrado" type="text" class="form-control text-right" id="monto_cobrado" disabled="disabled">
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-2 text-right mt-2">
                <label for="restante" class="control-label">@lang('Bs') </label>
            </div>
            <div class="col-md-10">
                <input wire:model="restante" type="text" class="form-control text-right" id="restante" disabled="disabled">
            </div>
        </div>
    </div>
</div>
@if ($showPago)
<div class="form-row">
    <div class="col-md-12 text-center">
        <span class="block titulo">Pagos</span> 
    </div>
    @include('factura.pagos')
</div>
@endif
@if ($showMoti)
<div class="form-row">
    <div class="col-md-6 text-center">
        <span class="block titulo">Motivo Emsión Nota de Crédito</span> 
    </div>
</div>
<div class="form-row">
    <div class="col-md-6">
        <div class="row mt-1">
            <div class="col-md-3 text-right mt-2">
                <label for="motivo" class="control-label">@lang('Motivo p/la NDC') </label>
            </div>
            <div class="col-md-9">
                <input wire:model="motivo" type="text" class="form-control" id="motivo">
            </div>
        </div>
    </div>
</div>
@endif