@section('adhoc_styles')
<style>
    body {
        font-size: .9rem;
        line-height: 1.1;
    }
    .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-Nota y Documento Fiscal</span> 
    </div>
    <div class="col-md-6 text-center">
        <span class="block titulo">Motivo e Importes</span>
    </div>
</div>
<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('PreNDC') </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">
        <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" {{$read}}>
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-12">
                @include('nota_credito.items')
            </div>
        </div>
    </div>
</div>