@extends('adminlte::page')

@section('title', $title ?? '')

@section('content_header')
    <h1>{{ $title ?? ''}}</h1>
@stop

@section('content')
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">
                <form action="{{ route('reports.dailyreport.show') }}" method="POST" id="form_search_report">
                    @csrf
                    <div class="row">
                        <div class="col-xl-2">
                            Sucursal:
                            <select class="form-control" id="id_branch" name="id_branch" required>
                                @foreach ($branches as $branch)
                                    <option value="{{ $branch->id_branch }}">{{ $branch->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-xl-2">
                            Desde:
                            <input type="date" class="form-control" id="date_from" name="date_from" value="{{ date('Y-m-d') }}" required>
                        </div>
                        <div class="col-xl-2">
                            Hasta:
                            <input type="date" class="form-control" id="date_to" name="date_to" value="{{ date('Y-m-d') }}" required>
                        </div>
                        <div class="col-xl-2">
                            Tipo de Reporte:
                            <select class="form-control" id="report_type" name="report_type" required>
                                <option value="sales">Ventas</option>
                                <option value="deliveries">Entrega de Trabajos</option>
                                <option value="not_delivered">No Entregados</option>
                            </select>
                        </div>
                        <div class="col-xl-2">
                            Entrega Rápida:
                            <select class="form-control" id="delivery_fast" name="delivery_fast" required>
                                <option value="all">Todos</option>
                                <option value="yes">Si</option>
                                <option value="no">No</option>
                            </select>
                        </div>
                        <div class="col-xl-2">
                            <br>
                            <button class="btn btn-secondary btn-block" type="submit" id="search_report">Generar Reporte</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-xl-12" >
        <div class="card">
            <div class="card-body" id="div_report_content">
                Por favor, genere un reporte.
            </div>
        </div>
        {{-- Aquí se cargará el contenido dinámicamente --}}
    </div>
</div>


@stop

@section('css')

@stop

@section('js')
<script>
    $(document).ready(function() {
        $('#form_search_report').submit(function(e) {
            e.preventDefault();
            let url = '{{ route("reports.dailyreport.show") }}?';
            url += $(this).serialize().replaceAll('&', '&').replaceAll('=', '=');
            let html = `
                <iframe src="${url}" style="width: 100%; height: 600px; border: none;"></iframe>
            `;
            $('#div_report_content').html(html);
            /*$.ajax({
                url: $(this).attr('action'),
                method: 'POST',
                data: $(this).serialize(),
                success: function(response) {
                    if (response.status) {
                        $('#div_sale_frame_delivery_content').html(response.html);
                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: response.message,
                            confirmButtonText: 'Aceptar'
                        });
                    }
                },
                error: function() {
                    alert('Error en la solicitud AJAX.');
                }
            });*/
        });
        $(document).on('submit', '#form_save_delivery', function(e) {
            e.preventDefault();
            // Swal confirm
            Swal.fire({
                title: '¿Está seguro de guardar la entrega?',
                text: "No podrá revertir esto.",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sí, guardar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    saveDelivery(e);
                }
            });

        });
    });
    function saveDelivery(e){
        let amount_paid_sus = parseFloat($('#amount_paid_sus').val());
            let amount_paid_bs = parseFloat($('#amount_paid_bs').val());
            if (!(amount_paid_sus >= 0 || amount_paid_bs >= 0)) {
                Swal.fire({
                    icon: 'error',
                    title: 'Oops...',
                    text: 'Por favor ingrese un monto pagado en $us o Bs.',
                    confirmButtonText: 'Aceptar'
                });
                 e.preventDefault();
                return;
            }

            $.ajax({
                url: $("#form_save_delivery").attr('action'),
                method: 'PUT',
                data: $("#form_save_delivery").serialize(),
                success: function(response) {
                    if (response.status) {
                         Swal.fire({
                            icon: 'success',
                            title: 'Éxito',
                            text: response.message,
                            confirmButtonText: 'Aceptar'
                        });
                        $('#invoice_number_delivery').attr('disabled', 'disabled');
                        $('#save').attr('disabled', 'disabled');
                        $("#form_search_sale_frame").submit();
                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: response.message,
                            confirmButtonText: 'Aceptar'
                        });
                    }
                },
                error: function() {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: 'Error en la solicitud AJAX.',
                        confirmButtonText: 'Aceptar'
                    });
                }
            });
    }
</script>
@stop