@extends('adminlte::page')

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

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

@section('content')
<div class="row">
    <div class="col-xl-8">
        <div class="card">
            <div class="card-body">
                <iframe src="{{ route('sales.frames.receipt', $saleFrame->id_sale_frame) }}" style="width:100%; height:600px; border:none;"></iframe>
            </div>
        </div>
    </div>
    <div class="col-xl-4">
        <div class="card">
            <div class="card-body">
                <table class="table table-bordered">
                    <tr>
                        <td colspan="2" class="font-weight-bold">Lejos</td>
                    </tr>
                    <tr>
                        <td width="30%">Cristal</td>
                        <td>{{ $saleFrame->far_crystal_details_no_print }}</td>
                    </tr>
                    <tr>
                        <td width="30%">Armazón</td>
                        <td>{{ $saleFrame->frame_far_detail_no_print }}</td>
                    </tr>
                    <tr>
                        <td colspan="2" class="font-weight-bold">Cerca</td>
                    </tr>
                    <tr>
                        <td width="30%">Cristal</td>
                        <td>{{ $saleFrame->near_crystal_details_no_print }}</td>
                    </tr>
                    <tr>
                        <td width="30%">Armazón</td>
                        <td>{{ $saleFrame->frame_near_detail_no_print }}</td>
                    </tr>
                    <tr>
                        <td width="30%" class="font-weight-bold">Observaciones</td>
                        <td>{{ $saleFrame->observations_no_print }}</td>
                    </tr>
                </table>
            </div>
        </div>
        @if ($saleFrame->with_invoice == 'yes')
        <div class="card">
            <div class="card-body">
                {{-- Form group --}}
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon3">Factura:</span>
                    </div>
                    <input type="number" class="form-control" id="invoice_number" aria-describedby="basic-addon3" value="{{ $saleFrame->invoice_number ?? '' }}" {{$saleFrame->invoice_number != ''? 'readonly':''}}>
                    <div class="input-group-append">
                        <button class="btn btn-secondary" type="button" id="save_invoice_number" {{$saleFrame->invoice_number != ''? 'disabled':''}}>Guardar</button>
                    </div>
                </div>


            </div>
        </div>
        @endif
    </div>
</div>


@stop

@section('css')

@stop

@section('js')
<script>
    $(document).ready(function() {
        $('#save_invoice_number').click(function() {
            var invoice_number = $('#invoice_number').val();
            if (invoice_number === '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Oops...',
                    text: 'Por favor ingrese un número de factura.',
                    confirmButtonText: 'Aceptar'
                })
                return;
            }
            var id_sale_frame = '{{ $saleFrame->id_sale_frame }}';
            $.ajax({
                url: '{{ route("sales.frames.save_invoice_number") }}',
                method: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    invoice_number: invoice_number,
                    id_sale_frame: id_sale_frame
                },
                success: function(response) {
                    if (response.status) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Éxito',
                            text: 'Número de factura guardado correctamente.',
                            confirmButtonText: 'Aceptar'
                        });
                        $('#save_invoice_number').attr('disabled', 'disabled');
                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: 'Hubo un error al guardar el número de factura.' + response.message,
                            confirmButtonText: 'Aceptar'
                        });
                    }
                },
                error: function() {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: 'Error en la solicitud AJAX.',
                        confirmButtonText: 'Aceptar'
                    });
                }
            });
        });
    });
</script>
@stop