@extends('layouts.master')

@section('title') @lang('translation.quots') @endsection

@section('css')
<!--datatable css-->
<link href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" rel="stylesheet" type="text/css" />
<!--datatable responsive css-->
<link href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css" rel="stylesheet" type="text/css" />
@endsection

@section('content')

@component('components.breadcrumb')
@slot('li_1')Ventas @endslot
@slot('title')Facturar Cotización @endslot
@endcomponent

<form role="form" method="post" action="{{ route('quots.invoice_store') }}">
    @csrf
    <input type="hidden" name="user_id" value="{{ auth()->id() }}">
    <input type="hidden" name="quot_id" value="{{ $quot->id }}">
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">Crear factura</h5>
            </div>
            <div class="card-body">
                
                <div class="row g-3">
                    <div class="row mt-2 mb-2 align-items-center g-3">
                        <h5 class="fs-16">Emisor</h5>
                    </div>
                    <!--end col-->
                    <div class="col-8">
                        <div>
                            <label for="nombre_emisorInput" class="form-label">Nombre</label>
                            <input 
                                type="text" 
                                class="form-control bg-dark-subtle" 
                                id="nombre_emisorInput" 
                                name="nombre_emisor"
                                required="true"
                                readonly
                                value="{{ $quot->emitter->razon_social }}">
                        </div>
                    </div><!--end col-->
                    <div class="col-4">
                        <div>
                            <label for="RFCInput" class="form-label">RFC</label>
                            <input 
                                type="text" 
                                class="form-control bg-dark-subtle" 
                                id="RFCInput" 
                                name="rfc_emisor"
                                required="true"
                                readonly
                                value="{{ $quot->emitter->rfc }}">
                        </div>
                    </div><!--end col-->
                    <div class="col-4">
                        <div>
                            <label for="codigo_postalInput" class="form-label">Lugar expedición</label>
                            <input 
                                type="text" 
                                class="form-control bg-dark-subtle" 
                                id="codigo_postalInput" 
                                name="lugar_expedicion"
                                required="true"
                                value="{{$quot->emitter->codigo_postal_fiscal}}">
                        </div>
                    </div><!--end col-->
                    <div class="col-8">
                        <div class="mb-3">
                            <label for="firstSelectInput" class="form-label">Regimen Fiscal</label>
                            <select 
                                name="regimen_fiscal_emisor" 
                                class="form-select mb-3 bg-dark-subtle" 
                                aria-label="firstSelectInput"
                                readonly
                                required="true">
                                <option selected="">Selecciona</option>
                                @foreach ($regimen_fiscal as $item)
                                    <option value="{{ $item->c_RegimenFiscal }}" 
                                        {{($item->c_RegimenFiscal==$quot->emitter->regimen_fiscal)?' selected':''}}>
                                        {{ $item->descripcion }} ({{ $item->c_RegimenFiscal }})
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <!--end col-->
                    <div class="col-12 mt-2 mb-2 align-items-center g-3">
                        <h5 class="fs-16">Receptor</h5>
                    </div>
                    <!--end col-->
                    <div class="col-8">
                        <div>
                            <label for="nombre_receptorInput" class="form-label">Nombre</label>
                            <input 
                                type="text" 
                                class="form-control bg-dark-subtle" 
                                id="nombre_receptorInput" 
                                name="nombre_receptor"
                                required="true"
                                readonly
                                value="{{ $quot->client->razon_social }}">
                        </div>
                    </div><!--end col-->
                    <div class="col-4">
                        <div>
                            <label for="RFCInputR" class="form-label">RFC</label>
                            <input 
                                type="text" 
                                class="form-control bg-dark-subtle" 
                                id="RFCInputR" 
                                name="rfc_receptor"
                                required="true"
                                readonly
                                value="{{ $quot->client->rfc }}">
                        </div>
                    </div><!--end col-->
                    <div class="col-4">
                        <div>
                            <label for="CPInputR" class="form-label">Domicilio Fiscal</label>
                            <input 
                                type="text" 
                                class="form-control bg-dark-subtle" 
                                id="CPInputR" 
                                name="domicilio_fiscal_receptor"
                                required="true"
                                readonly
                                value="{{ $quot->client->codigo_postal }}">
                        </div>
                    </div><!--end col-->                    
                    <div class="col-4">
                        <div class="mb-3">
                            <label for="firstSelectInput" class="form-label">Regimen Fiscal</label>
                            <select 
                                name="regimen_fiscal_receptor" 
                                class="form-select mb-3 bg-dark-subtle" 
                                aria-label="firstSelectInput"
                                required="true">
                                <option selected="">Selecciona</option>
                                @foreach ($regimen_fiscal as $item)
                                    <option value="{{ $item->c_RegimenFiscal }}" 
                                        {{($item->c_RegimenFiscal==$quot->client->regimen_fiscal)?' selected':''}}>
                                        {{ $item->descripcion }} ({{ $item->c_RegimenFiscal }})
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-4">
                        <div>
                            <label for="fechaVencimiento" class="form-label">Fecha Vencimiento</label>
                            <input 
                                type="date" 
                                class="form-control bg-dark-subtle" 
                                id="fechaVencimiento" 
                                name="fecha_vencimiento"
                                required="true"
                                value="">
                        </div>
                    </div><!--end col-->   
                    <!--end col-->
                    <div class="row mt-2 mb-2 align-items-center g-3">
                        <h5 class="fs-16">CFDI</h5>
                    </div>
                    <!--end col-->
                    <div class="col-4">
                        <div>
                            <label for="folioInput" class="form-label">Folio</label>
                            <input 
                                type="text" 
                                class="form-control bg-dark-subtle" 
                                id="folioInput" 
                                name="folio"
                                required="true"
                                readonly
                                value="{{ $quot->folio }}">
                        </div>
                    </div><!--end col-->
                    <div class="col-4">
                        <div class="mb-3">
                            <label for="EstatusSelectInput" class="form-label">Estatus</label>
                            <select 
                                name="estatus" 
                                class="form-select mb-3" 
                                aria-label="EstatusSelectInput"
                                required="true"
                                disabled>
                                <option value="borrador" selected>Borrador</option>
                                <option value="timbrado">Timbrado</option>
                                <option value="cancelado">Cancelado</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="mb-3">
                            <label for="SerieInput" class="form-label">Serie</label>
                            <input 
                                name="serie" 
                                class="form-control mb-3" 
                                id="SerieInput"
                                required="true">
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div>
                            <label for="clientIdForm" class="form-label">Uso CFDI</label>
                            <select 
                                class="form-control" 
                                id="clientIdForm" 
                                name="uso_cfdi" 
                                data-choices data-choices-sorting-false
                                required="true">
                                <option value="">Elige el uso</option>
                                @foreach ($uso_cfdis as $c_UsoCFDI => $descripcion)
                                <option 
                                    value="{{ $c_UsoCFDI }}"{{($c_UsoCFDI==$quot->client->uso_cfdi)?' selected':''}}>
                                    {{$descripcion}} ({{$c_UsoCFDI}})
                                </option>
                                @endforeach
                            </select>
                        </div>
                    </div><!--end col-->
                    <div class="col-lg-4">
                        <div>
                            <label for="TipoComprobante" class="form-label">Tipo Comprobante</label>
                            <select 
                                class="form-control" 
                                id="TipoComprobante" 
                                name="tipo_comprobante" 
                                data-choices data-choices-sorting-false
                                required="true">
                                <option value="">Elige el tipo</option>
                                @foreach ($tipo_comprobantes as $id => $tipo_comprobante)
                                <option 
                                    value="{{ $id }}">
                                    {{$tipo_comprobante }} ({{$id}})
                                </option>
                                @endforeach
                            </select>
                        </div>
                    </div><!--end col-->
                    <div class="col-lg-4">
                        <div>
                            <label for="FormaPago" class="form-label">Forma de pago</label>
                            <select 
                                class="form-control" 
                                id="FormaPago" 
                                name="forma_pago" 
                                data-choices data-choices-sorting-false
                                required="true">
                                <option value="">Elige la forma</option>
                                @foreach ($forma_pagos as $id => $forma_pago)
                                <option 
                                    value="{{ $id }}">
                                    {{$forma_pago }} ({{$id}})
                                </option>
                                @endforeach
                            </select>
                        </div>
                    </div><!--end col-->
                    <div class="col-lg-12">
                        <div class="row">
                            <div class="col-4">
                                <div>
                                    <label for="MetodoPago" class="form-label">Metodo de pago</label>
                                    <select 
                                        class="form-control" 
                                        id="MetodoPago" 
                                        name="metodo_pago" 
                                        data-choices data-choices-sorting-false
                                        required="true">
                                        <option value="">Elige el método</option>
                                        @foreach ($metodo_pagos as $id => $metodo_pago)
                                        <option 
                                            value="{{ $id }}">
                                            {{$metodo_pago }} ({{$id}})
                                        </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div><!--end col-->
                            <div class="col-4">
                                <div>
                                    <label for="MonedaIdForm" class="form-label">Moneda</label>
                                    <select 
                                        class="form-control" 
                                        id="MonedaIdForm" 
                                        name="moneda" 
                                        data-choices data-choices-sorting-false
                                        required="true">
                                        <option value="">Elige el método</option>
                                        @foreach ($monedas as $id => $moneda)
                                        <option 
                                            value="{{ $id }}" {{($id==$quot->moneda)?' Selected':''}}>
                                            {{$moneda }} ({{$id}})
                                        </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div><!--end col-->
                            <div class="col-4">
                                <div>
                                    <label for="tipo_cambioInput" class="form-label">Tipo de cambio</label>
                                    <input 
                                        type="text" 
                                        @if ($quot->moneda==config('app.modeda_local'))
                                        disabled="true"
                                        @endif
                                        class="form-control" 
                                        id="tipo_cambioInput" 
                                        name="tipo_cambio"
                                        value="{{ $quot->tipo_cambio }}">
                                </div>
                            </div><!--end col-->    
                        </div>
                    </div>
                    <div class="row mt-2 mb-2 align-items-center g-3">
                        <h5 class="fs-16">Detalle</h5>
                    </div>
                    <!--end col-->
                    <div class="col-lg-12">
                        <div class="row">
                            <div class="col-4">
                                <div>
                                    <label for="subtotalInput" class="form-label">Subtotal</label>
                                    <input 
                                        type="text" 
                                        class="form-control bg-dark-subtle" 
                                        id="subtotalInput" 
                                        readonly
                                        value="{{$quot->subtotal }}">
                                </div>
                            </div><!--end col-->
                            <div class="col-4">
                                <div>
                                    <label for="descuentoInput" class="form-label">Descuento</label>
                                    <input 
                                        type="text" 
                                        class="form-control bg-dark-subtle" 
                                        id="descuentoInput" 
                                        readonly
                                        value="{{$quot->descuento}}">
                                </div>
                            </div><!--end col-->
                            <div class="col-4">
                                <div>
                                    <label for="totalInput" class="form-label">Total</label>
                                    <input 
                                        type="text" 
                                        class="form-control bg-dark-subtle" 
                                        id="totalInput" 
                                        readonly
                                        value="{{$quot->total}}">
                                </div>
                            </div><!--end col-->
                        </div>
                    </div>
                    <div class="product-info">
                        <span style="display:block;background-color: #0b0b0b; color:#f2f2f2; text-align:center;padding:4px;">
                            Productos o Servicios
                        </span>
                        <table class="table table-bordered nowrap table-striped align-middle">
                            <thead>
                                <tr>
                                    <th style="width: 35%;">Producto</th>
                                    <th style="width: 15%;">Precio unitario</th>
                                    <th style="width: 15%;">Cantidad</th>
                                    <th style="width: 15%;">Decuento</th>
                                    <th style="width: 20%;">Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($quot_details as $quot_detail)
                                <tr>
                                    <td style="width: 35%; height:24px !important; margin-left:2px;">
                                        {{ $quot_detail->descripcion }}
                                    </td>
                                    <td style="width: 15%;margin-left:2px;">
                                        $ {{  number_format($quot_detail->precio,2,'.',',') }}
                                    </td>
                                    <td style="width: 15%;margin-left:2px;">
                                        {{ number_format($quot_detail->cantidad,2,'.',',') }}
                                    </td>
                                    <td style="width: 15%;margin-left:2px;">
                                        $ {{ number_format($quot_detail->descuento,2,'.',',') }}
                                    </td>
                                    <td style="width: 20%;margin-left:2px;">
                                        $ {{ number_format($quot_detail->importe,2,'.',',') }}
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td colspan="3"></td>
                                    <td>
                                    Total antes descuento
                                    </td>
                                    <td style="width: 15%">
                                        $ {{ number_format($quot->subtotal,2,'.',',') }}
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3"></td>
                                    <td style="width: 15%">
                                        Descuento
                                    </td>
                                    <td style="width: 15%">
                                        $ {{ number_format($quot->descuento,2,'.',',') }}
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3"></td>
                                    <td style="width: 15%">
                                        Subtotal
                                    </td>
                                    <td style="width: 20%">
                                        $ {{ number_format(($quot->subtotal - $quot->descuento),2,'.',',') }}
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3"></td>
                                    <td style="width: 15%">
                                        IMPUESTO TRASLADO
                                    </td>
                                    <td style="width: 20%">
                                        $ {{ number_format(($quot->impuestos_traslado),2,'.',',') }}
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3"></td>
                                    <td style="width: 15%">
                                        IMPUESTO RETENCIÓN
                                    </td>
                                    <td style="width: 20%">
                                        $ {{ number_format(($quot->impuestos_retencion),2,'.',',') }}
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3"></td>
                                    <td style="width: 15%">
                                        Total
                                    </td>
                                    <td style="width: 20%">
                                        $ {{ number_format($quot->total,2,'.',',') }}
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    
                </div>
            </div>
            <div class="card-footer">
                <a href="{{ route('quots') }}" class="btn btn-light">Regresar</a>
                <button type="submit" class="btn btn-primary">Generar Pre-Factura</button>
            </div>
        </div>
    </div>
</div>
</form>

@endsection

@section('script')

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="{{ URL::asset('build/js/app.js') }}"></script>

@endsection