@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')Ver cotización @endslot
@endcomponent

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <div class="row bg-dark align-items-end">
                    <div class="col-12 text-white">
                        Cotización No.{{ $quot->folio}}
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-lg-4">
                        {{ $quot->emitter->domicilio_fiscal['calle'] }} {{ $quot->emitter->domicilio_fiscal['num_ext'] }} {{ $quot->emitter->domicilio_fiscal['num_int'] }} 
                        <br/>Col. {{ $quot->emitter->domicilio_fiscal['colonia']}}
                        <br/>{{ $localidad->nombre}}
                        <br/>{{ $estado->nombre}}
                        <br/>{{ $quot->emitter->email }}
                    </div>
                    <div class="col-lg-4">
                        <div class="row">
                            <div class="col-12 text-center">
                                <img src="{{ route('private.image', $quot->emitter->logotipo) }}" width="100" height="100">
                            </div>
                            <div class="col-12 text-center">
                                <h4 class="mb-0 align-self-end">{{ $quot->emitter->razon_social}}</h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="row">
                            <div class="col-6 fs-9">
                               Fecha de publicación
                            </div>
                            <div class="col-6 fs-9">
                                {{ now()->format('d/m/Y')}}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6 fs-9">
                                Fecha de expiración
                            </div>
                            <div class="col-6 fs-9">
                                {{ \Carbon\Carbon::parse($quot->fecha_expiracion)->format('d/m/Y')}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="row bg-dark">
                    <div class="col-12 text-white text-center">
                        CLIENTE
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <span class="text-decoration-underline text-uppercase">  {{ $quot->client->razon_social }}</spanp>
                    </div>
                    <div class="col-12">
                         {{ $quot->client->domicilio_fiscal['dir_calle'] }} #{{ $quot->client->domicilio_fiscal['dir_no_ext'] }} {{(!empty($quot->client->domicilio_fiscal['dir_no_int']))? "Int ".$quot->client->domicilio_fiscal['dir_no_int']:''}} 
                        <br/>Col. {{ $quot->client->domicilio_fiscal['dir_colonia']}}
                        <br/>{{ $clt_localidad->nombre}}
                        <br/>{{ $clt_estado->nombre}}
                        <br/>{{ $quot->client->email2 }}
                    </div>
                </div>
                <div class="row bg-dark">
                    <div class="col-12 text-white text-center">
                        Productos o Servicios
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 mt-2">
                        <table class="table table-bordered nowrap table-striped align-middle">
                            <thead>
                                <tr class="align-middle text-center m-0">
                                    <th class="p-0" style="width: 35%;">Producto</th>
                                    <th class="p-0" style="width: 15%;">Precio unitario</th>
                                    <th class="p-0" style="width: 15%;">Cantidad</th>
                                    <th class="p-0" style="width: 15%;">Decuento</th>
                                    <th class="p-0" style="width: 20%;">Total</th>
                                </tr>
                            </thead>
                            <tbody id="t-body">
                                @foreach ($quot_details as $quot_detail)
                                <tr>
                                    <td class="p-1" style="width: 35%; height:24px !important;">
                                        {{ $quot_detail->descripcion }}
                                    </td>
                                    <td class="p-1" style="width: 15%">
                                        $ {{ number_format($quot_detail->precio,2,'.',',') }}
                                    </td>
                                    <td class="p-1" style="width: 15%">
                                        {{ number_format($quot_detail->cantidad,2,'.',',') }}
                                    </td>
                                    <td class="p-1" style="width: 15%">
                                        $ {{ number_format($quot_detail->descuento,2,'.',',') }}
                                    </td>
                                    <td class="p-1" style="width: 20%">
                                        $ {{ number_format($quot_detail->importe,2,'.',',') }}
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                            <tfoot class="nowrap">
                                <tr>
                                    <td colspan="3"></td>
                                    <td class="p-1">
                                    Subtotal
                                    </td>
                                    <td class="p-1" style="width: 15%">
                                        $ {{  number_format($quot->subtotal,2,'.',',') }}
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3"></td>
                                    <td class="p-1" style="width: 15%">
                                        Descuento
                                    </td>
                                    <td class="p-1" style="width: 15%">
                                        $ {{  number_format($quot->descuento,2,'.',',') }}
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3"></td>
                                    <td class="p-1" style="width: 15%">
                                        Subtotal con descuento
                                    </td>
                                    <td class="p-1" style="width: 20%">
                                        $ {{  number_format(($quot->subtotal - $quot->descuento),2,'.',',') }}
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3"></td>
                                    <td class="p-1" style="width: 15%">
                                        IMPUESTOS TRASLADO 
                                    </td>
                                    <td class="p-1" style="width: 20%">
                                        $ {{ number_format(($quot->impuestos_traslado),2,'.',',') }}
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3"></td>
                                    <td class="p-1" style="width: 15%">
                                        IMPUESTOS RETENCION 
                                    </td>
                                    <td class="p-1" style="width: 20%">
                                        $ {{ number_format(($quot->impuestos_retencion),2,'.',',') }}
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3"></td>
                                    <td class="p-1" style="width: 15%">
                                        Total
                                    </td>
                                    <td class="p-1" style="width: 20%">
                                        $ {{  number_format($quot->total,2,'.',',') }}
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
                <div class="row bg-dark">
                    <div class="col-12 text-white text-center">
                        Notas
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="col-lg-12 text-bg-light fs-10">
                            Condiciones de pago
                        </div>
                        <div class="col-lg-12">
                            {{ $quot->condiciones_pago }}
                        </div>
                    </div><!--end col-->
                </div>
                <div class="row">
                    <div class="col-lg-12 text-bg-light fs-10">
                        Notas para el cliente
                    </div>
                    <div class="col-lg-12">
                        {{ $quot->notas_ext }}
                    </div>
                </div>
                <div class="row border-top">
                    <div class="col-lg-12 fs-10 text-bg-light">
                        Notas para mi
                    </div>
                    <div class="col-lg-12">
                        {{ $quot->notas_int }}
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <a href="{{ route('quots') }}" class="btn btn-light">
                    <i class="ri-arrow-left-s-line align-bottom me-2"></i> Regresar
                </a>
                <a href="{{ route('quots.send',$quot->id)}}" class="btn btn-info">
                    <i class="ri-mail-send-fill align-bottom me-2 text-white"></i> Enviar
                </a>
                <a href="{{ route('pdfs.descargaQ', $quot->id) }} " class="btn btn-info">
                    <i class="ri-file-download-line align-bottom me-2 text-white"></i> Descargar PDF
                </a>
                
                    <a href="{{ route('quots.edit',$quot->id)}}" class="btn btn-light float-end">
                        <i class="ri-pencil-fill align-bottom me-2 text-muted"></i> Editar Cotización
                    </a>
                
            </div>
        </div>
    </div>
</div>

@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