@extends('adminlte::page')

@section('title', 'Historial de Ventas')

@section('content_header')
    <h1>Historial de Ventas</h1>
@stop

@section('content')
    <div class="row">
        <div class="col-xl-4">
            <div class="card">
                <div class="card-body">
                    <table class="table table-bordered table-striped table-sm">
                        <tr>
                            <td width="40%" class="text-right"><strong>Paciente:</strong></td>
                            <td>{{$person->full_names}}</td>
                        </tr>
                        <tr>
                            <td width="40%" class="text-right"><strong>Carnet de Identidad:</strong></td>
                            <td>{{$person->identity_document}}</td>
                        </tr>
                        <tr>
                            <td width="40%" class="text-right"><strong>Teléfonos:</strong></td>
                            <td>
                                @php
                                    $phones = [];
                                    if($person->phone != ""){
                                        $phones[] = $person->phone;
                                    }
                                    if($person->cellphone != ""){
                                        $phones[] = $person->cellphone;
                                    }
                                    if(!is_null($person->customer) && $person->customer->additional_phones != ""){
                                        $phones[] = $person->customer->additional_phones;
                                    }
                                @endphp
                                {{implode(', ',$phones)}}
                            </td>
                        </tr>
                    </table>
                    <hr>
                    <table class="table table-bordered table-striped table-hover">
                        <thead>
                            <tr>
                                <th>N</th>
                                <th>Fecha</th>
                                <th>Sucursal</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach($sales as $index => $sale)
                            <tr>
                                <td>{{ count($sales) - $index }}</td>
                                <td>{{date('d/m/Y H:i', strtotime($sale->created_at))}}</td>
                                <td>{{$sale->branch->name}}</td>
                                <td>

                                    <a href="{{route('sales.frames.receipt', $sale->id_sale_frame)}}" class="btn btn-sm btn-secondary" title="Ver Detalles de Venta" target="receiptcontent"><i class="fas fa-eye"></i></a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-xl-8">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive-sm table-responsive-md">
                        <div class="" id="data-response">
                            <iframe src="" frameborder="0" name="receiptcontent" width="100%" height="600"></iframe>
                        </div>
                    </div>
            </div>
            </div>
        </div>

    </div>
@stop

@section('css')

@stop

@section('js')
<script>
    $(document).ready(function(){
        $("#btnSearch").removeAttr("onclick");
        $(".form-search-patients").submit(function(e){
            e.preventDefault();
            let url = $(this).attr("action");
            let urlForm = $(this).attr("action");
            params = $(this).serializeArray();
            // $("#data-response").html('Buscando...');

            // $.post(url,params,function(datasearch){
            //     $("#data-response").html('').html(datasearch);

                // $(".table-list1").DataTable({
                //     "paging": true,
                //     "language": languageDataTable,
                //     dom: domDataTable,
                //     buttons: buttonsDataTable
                // });
                //Destroy existing DataTable instance
                if ( $.fn.DataTable.isDataTable( '.table-list1' ) ) {
                    $('.table-list1').DataTable().destroy();
                    $('.table-list1 tbody').empty(); // Limpia la tabla si es necesario
                    $('.table-list1').removeAttr('style');
                }
                $(".table-list1").DataTable({
                    autoWidth: false,
                    //Width 100%
                    width: 'auto',
                    //Ocultar cuadro de busqueda por defecto
                    searching: false,
                    processing: true,
                    serverSide: true,
                    buttons: buttonsDataTable,
                    dom: domDataTable,
                    ajax: {
                        url: urlForm,
                        type: 'POST',
                        data: function(d) {
                            d._token = '{{ csrf_token() }}';
                            // Puedes agregar aquí filtros personalizados si lo deseas
                            params.forEach(function(param) {
                                d[param.name] = param.value;
                            });
                        }
                    },
                    //Add show entries to two and three options
                    lengthMenu: [1,2, 3, 10, 25, 50, 100],
                    columns: [
                        { data: 'i' },
                        { data: 'identity_document' },
                        { data: 'last_name' },
                        { data: 'mother_last_name' },
                        { data: 'names' },
                        { data: 'phone_numbers' },
                        { data: 'sales_count' },
                        { data: 'actions' },
                        // ...otros campos...
                    ],
                    columnDefs: [
                        { orderable: false, targets: 0,name: 'i' },
                        { orderable: true, targets: 1,name: 'identity_document' },
                    ],
                    order: [[1, 'asc']],
                    language: languageDataTable,
                });
            // });
        });
    })
</script>
@stop