@extends('adminlte::page')

@section('title', 'Detalle de Venta')

@section('content_header')
    <h1>Detalle de Venta</h1>
@stop

@section('content')

    <div class="row">
        <div class="col-md-6 mb-3">
            <div class="card mb-3">
                <div class="card-header">
                    <strong>Detalles de la Venta</strong>
                </div>
                <div class="card-body">
                    <p><strong>Serie de Venta:</strong> {{ $venta->serie_venta }}</p>
                    <p><strong>Cliente:</strong> {{ $venta->cliente->razon_social }}</p>
                    <p><strong>Fecha de Venta:</strong> {{ $venta->fecha_venta }}</p>
                    <p><strong>Peso Neto:</strong> {{ $venta->peso_neto }} kg</p>
                    <p><strong>Forma de Pago:</strong> {{ $venta->forma_de_pago ? 'Crédito' : 'Contado' }}</p>

                </div>
            </div>
        </div>
        <div class="col-md-6 mb-3">
            <div class="card mb-3">
                <div class="card-header">
                    <strong>Estado de la Venta</strong>
                </div>
                <div class="card-body">
                    <p><strong>Monto Total:</strong> s/. {{ number_format($venta->monto_total, 2) }}</p>
                    <p><strong>Monto Recibido:</strong> s/. {{ number_format($venta->monto_recibido, 2) }}</p>
                    <p><strong>Monto Pendiente:</strong> s/. {{ number_format($venta->monto_pendiente, 2) }}</p>
                    <p><strong>Saldo:</strong> s/. {{ number_format($venta->saldo, 2) }}</p>
                    <p>
                        <strong>Pagada:</strong>
                        @if ($venta->monto_pendiente <=  0)
                            SI
                        @else
                            NO
                        @endif
                    </p>
                    <p>
                        <strong>Estado:</strong>
                        @if ($venta->monto_pendiente <= 0)
                            <span class="badge badge-success">Pagado</span>
                        @else
                            <span class="badge badge-warning">Pendiente de pago</span>
                        @endif
                    </p>
                </div>
            </div>
        </div>

    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Pagos & Descuentos</h3>
        </div>
        <div class="card-body">


            <div class="row">
                <div class="col-md-12">
                    <h2>Historial de pagos:</h2>

                    <table class="table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Monto</th>
                                <th>Método de Pago</th>
                                <th>Banco</th>
                                <th>N° Operación</th>
                                <th>Destino</th>
                                <th>Fecha</th>
                                <th>Comprobantes</th>
                                <th>Accion</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($pagos as $pago)
                                <tr>
                                    <td>{{ $pago->id }}</td>
                                    <td>{{ number_format($pago->monto, 2) }}</td>
                                    <td>{{ $pago->metodo_pago->descripcion }}</td>
                                    <td>{{ $pago->banco->nombre }}</td>
                                    <td>{{ $pago->num_operacion }}</td>
                                    <td>{{ $pago->destino }}</td>
                                    <td>{{ $pago->created_at->format('d/m/Y H:i') }}</td>
                                    <td>
                                        @if ($pago->imagen)
                                            <a href="{{ \Illuminate\Support\Facades\Storage::url($pago->imagen) }}"
                                                target="_Blank">Ver Comprobante</a>
                                        @endif
                                    </td>
                                    <td>
                                        @csrf
                                        <a class="btn btn-danger btn-sm btnEliminar" data-id="{{ $pago->id }}"
                                            data-monto="{{ $pago->monto }}" data-venta="{{ $venta->id }}">Eliminar</a>
                                    </td>

                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4">La venta aun no contiene pagos realizados</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <h2>Descuentos:</h2>
                    <table class="table">
                        <thead>
                            <th>Monto</th>
                            <th>Motivo</th>
                            <th>Fecha - Hora</th>
                        </thead>
                        <tbody>
                            @forelse ($descuentos as $descuento)
                                <tr>
                                    <td>{{ $descuento->monto_descuento }}</td>
                                    <td>{{ $descuento->motivo_descuento }}</td>
                                    <td>{{ $descuento->fecha_descuento }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td>Esta venta no cuenta con descuentos.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <a href="{{ route('ventas.index') }}" class="btn btn-primary">Lista de ventas</a>
        </div>
    </div>
@stop

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $(document).ready(function() {
            $('.btnEliminar').click(function(e) {
                e.preventDefault();

                // Obtener los datos del pago
                const pagoId = this.getAttribute('data-id');
                const monto = parseFloat(this.getAttribute('data-monto'));
                const ventaId = this.getAttribute('data-venta');


                Swal.fire({
                    title: "CONFIRMACIÓN",
                    text: "¿Esta seguro de eliminar el Pago?",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    cancelButtonText: "Cancelar",
                    cancelButtonColor: "#d33",
                    confirmButtonText: "Si, Registrar"
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "DELETE",
                            url: '/pagos/' + pagoId,
                            data: {
                                _token: $('meta[name="csrf-token"]').attr(
                                'content'), // CSRF Token
                                monto: monto,
                                venta_id: ventaId
                            },
                            dataType: "Json",
                            success: function(response) {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Éxito',
                                    text: 'El Pago fue eliminado correctamente',
                                    showConfirmButton: false,
                                    timer: 1000
                                }).then(() => {
                                    location.reload(); // Recarga la página después de mostrar la alerta
                                });
                            },
                            error: function(xhr, status, error) {

                                let errorMessage = 'Ocurrió un error al procesar la solicitud.';
                                if (xhr.responseJSON && xhr.responseJSON.message) {
                                    errorMessage = xhr.responseJSON.message; // Si el backend envía un mensaje de error específico
                                }

                                Swal.fire({
                                    icon: 'error',
                                    title: 'Error',
                                    text: errorMessage,
                                });

                            }
                        });
                    }
                });


            });
        });
    </script>
@endsection