@extends('layouts.admin')

@section('styles')
<link rel="stylesheet" href="{{asset('plugins/datatable/css/dataTables.bootstrap4.min.css')}}">

<link rel="stylesheet" href="{{asset('ventas/estilos.css')}}">
<link rel="stylesheet" href="{{asset('plugins/slim-select/slimselect.min.css')}}">

<style>
    .form-check [type=checkbox]:checked,
    .form-check [type=checkbox]:not(:checked) {
        position: absolute;
        left: 10px;
    }

    .logo {
        display: none;
    }

    img {

        /* width: 70% !important; */

    }

    .pie-decodev {
        margin-right: 15%;
    }
</style>
@endsection


@section('content')

<!-- Button trigger modal -->


<!-- Modal -->
<div class="modal fade" id="modelId" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">MAS DATOS</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p class="text-center h2">ANADIR MAS DATOS A RECIBO</p> <br>

                <form action="{{route('ventas.store_venta_existfactura')}}" method="post">
                    @csrf

                    <input type="hidden" name="factura" value="{{$recibo->id}}">
                    <input type="hidden" name="cliente_id" value="{{$cli}}">



                    <div class="form-group">
                        <select name="articulos_id" id="articulos_id">
                            @foreach ($articulos as $art)
                            <option value="{{$art->id}}">{{$art->nombre}}, Q. {{number_format($art->p_venta, 2)}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group">
                        <label for="">CANTIDAD</label>
                        <input type="text" class="form-control" name="cantidad">
                    </div>

                    <button type="submit" class="btn btn-primary"><i class="fas fa-save    "></i> GUARDAR</button>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save</button>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid mb-5">
    <div class="row">

        <div class="col-md-4">
            <div class="card mb-3">
                <div class="card-header bg-INFO text-white">
                    <h5 class="mb-0"><i class="fas fa-file-invoice"></i> Info. Recibo #{{$recibo->id}}</h5>
                </div>
                <div class="card-body">
                    <p>
                        <strong>Cliente:</strong> {{$recibo->nombre}} <br>
                        <strong>NIT:</strong> {{$recibo->nit}} <br>
                        <strong>Dirección:</strong> {{$recibo->direccion}} <br>
                        <strong>Mesa:</strong> {{$recibo->mesa}}
                    </p>

                    <div class="d-flex justify-content-between mb-3">
                        <a target="_blank" class="btn btn-outline-dark btn-sm" href="{{route('venta.facturaPrint', ['idFactura' => $recibo->id, 0] )}}"><i class="fa fa-print"></i> Imprimir</a>
                        <button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#modelId"><i class="fas fa-plus"></i> Agregar Prod.</button>
                    </div>

                    <hr>

                    <h6 class="text-primary font-weight-bold">Desglose de Pagos (Saldo) / AL ELIMINAR UN ARTICULO PRIMERO SE ELIMINARA DE CREDITOS EFECTIVO, POS Y TARJETA</h6>
                    <ul class="list-group list-group-flush small">
                        @foreach($pagos as $pago)
                        <li class="list-group-item d-flex justify-content-between align-items-center px-0">
                            <span>
                                @if($pago->metodo_pago == 'EFECTIVO') <i class="fas fa-money-bill text-success"></i>
                                @elseif($pago->metodo_pago == 'TARJETA') <i class="fas fa-credit-card text-info"></i>
                                @elseif($pago->metodo_pago == 'CREDITO') <i class="fas fa-user-clock text-danger"></i>
                                @else <i class="fas fa-university text-secondary"></i>
                                @endif
                                {{$pago->metodo_pago}}
                                @if($pago->referencia) <br><i class="text-muted">{{$pago->referencia}}</i> @endif
                            </span>
                            <span class="font-weight-bold">Q. {{number_format($pago->monto, 2)}}</span>
                        </li>
                        @endforeach

                        <li class="list-group-item d-flex justify-content-between align-items-center bg-light mt-2">
                            <strong>TOTAL COBRADO:</strong>
                            <strong>Q. {{ number_format($pagos->sum('monto'), 2) }}</strong>
                        </li>
                        <li class="list-group-item d-flex justify-content-between align-items-center bg-white">
                            <span>TOTAL RECIBO:</span>
                            <span>Q. {{ number_format($recibo->total, 2) }}</span>
                        </li>
                    </ul>

                    @if(abs($pagos->sum('monto') - $recibo->total) > 0.05)
                    <div class="alert alert-danger mt-2 text-center py-1">
                        <small><i class="fas fa-exclamation-triangle"></i> DESCUADRE: Q. {{ number_format($pagos->sum('monto') - $recibo->total, 2) }}</small>
                    </div>
                    @else
                    <div class="alert alert-success mt-2 text-center py-1">
                        <small><i class="fas fa-check-circle"></i> CUADRADO</small>
                    </div>
                    @endif

                </div>
            </div>
        </div>

        <div class="col-md-8">
            <div class="card p-4">
                <div class="card-header bg-white">
                    <h5 class="mb-0 text-dark">Detalle de Artículos</h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0" id="contado">
                            <thead class="thead-light">
                                <tr>
                                    <th>Articulo</th>
                                    <th class="text-center">Cant.</th>
                                    <th class="text-right">Unitario</th>
                                    <th class="text-right">Total</th>
                                    <th class="text-right">Acción</th>
                                </tr>
                            </thead>
                            <tbody>
                                                                @foreach($deuda as $venta)
                                <tr>
                                    <td>
                                        <span class="font-weight-bold">{{$venta->articulo->nombre}}</span>
                                        <br><small class="text-muted"></small>
                                    </td>
                                    <td class="text-center">{{$venta->cantidad}}</td>
                                    <td class="text-right">Q. {{number_format($venta->p_venta, 2)}}</td>
                                    <td class="text-right font-weight-bold">Q. {{number_format($venta->total, 2)}}  </td>
                                    <td class="text-right">
                                        @can('venta_anulacion')
                                        <form action="{{route('venta.deleteVentaEspecific', $venta->id)}}" method="post" class="d-inline">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-outline-danger" title="Devolver Artículo" onclick="return confirm('¿Devolver este artículo y ajustar pagos?')">
                                                <i class="fa fa-times"></i>
                                            </button>
                                        </form>
                                        @endcan
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="card-footer bg-white text-right">
                    <h4 class="font-weight-bold text-dark">Total Venta: Q. {{number_format($t,2)}}</h4>
                </div>
            </div>
        </div>

    </div>
</div>

@endsection

@section('scripts')
<script src="{{asset('plugins/datatable/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('plugins/datatable/js/dataTables.bootstrap4.min.js')}}"></script>

<script>
    $(document).ready(function() {
        $('#contado').DataTable({
            "language": {
                'info': '_TOTAL_ Registros',
                'search': 'Buscar',
                'paginate': {
                    'next': 'Siguiente',
                    'previous': 'Atras'
                },
                'loadingRecords': 'Cargando',
                'emptyTable': 'No hay datos',
                'zeroRecords': 'No hay datos iguales'
            }
        });


    });
</script>


<script src="{{asset('plugins/slim-select/slimselect.min.js')}}"></script>
<script>
    new SlimSelect({
        select: '#articulos_id'
    });
</script>

@endsection