@extends('adminlte::page')

@section('title', config('app.name') . ' - Detalle de Venta')

@section('content_header')
    <h1><i class="fas fa-shopping-cart"></i> Detalle de Venta</h1>
@stop

@section('content')
    <!-- Información General -->
    <div class="card mb-3">
        <div class="card-header bg-primary text-white">
            <h3 class="card-title mb-0">
                <i class="fas fa-info-circle mr-2"></i> Información de la Venta
            </h3>
        </div>
        <div class="card-body">
            <div class="row">
                <!-- Serie de Venta -->
                <div class="col-md-3 col-sm-6 mb-3">
                    <div class="info-box">
                        <span class="info-box-icon bg-info elevation-1">
                            <i class="fas fa-barcode"></i>
                        </span>
                        <div class="info-box-content">
                            <span class="info-box-text">Serie de Venta</span>
                            <span class="info-box-number">{{ $venta->serie_venta }}</span>
                        </div>
                    </div>
                </div>

                <!-- Cliente -->
                <div class="col-md-3 col-sm-6 mb-3">
                    <div class="info-box">
                        <span class="info-box-icon bg-primary elevation-1">
                            <i class="fas fa-user"></i>
                        </span>
                        <div class="info-box-content">
                            <span class="info-box-text">Cliente</span>
                            <span class="info-box-number">{{ $venta->cliente->razon_social }}</span>
                        </div>
                    </div>
                </div>

                <!-- Fecha de Venta -->
                <div class="col-md-3 col-sm-6 mb-3">
                    <div class="info-box">
                        <span class="info-box-icon bg-success elevation-1">
                            <i class="fas fa-calendar-alt"></i>
                        </span>
                        <div class="info-box-content">
                            <span class="info-box-text">Fecha de Venta</span>
                            <span class="info-box-number">
                                {{ \Carbon\Carbon::parse($venta->fecha_venta)->format('d/m/Y') }}
                            </span>
                        </div>
                    </div>
                </div>

                <!-- Forma de Pago -->
                <div class="col-md-3 col-sm-6 mb-3">
                    <div class="info-box">
                        <span class="info-box-icon bg-warning elevation-1">
                            <i class="fas fa-money-bill-wave"></i>
                        </span>
                        <div class="info-box-content">
                            <span class="info-box-text">Forma de Pago</span>
                            <span class="info-box-number">
                                {{ $venta->forma_de_pago ? 'Crédito' : 'Contado' }}
                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Estado de la Venta -->
            <div class="row">
                <div class="col-md-12">
                    <div class="card card-outline card-warning">
                        <div class="card-header">
                            <h3 class="card-title">
                                <i class="fas fa-chart-line mr-2"></i> Estado de la Venta
                            </h3>
                        </div>
                        <div class="card-body">
                            <div class="row text-center">
                                <div class="col-md-3">
                                    <div class="description-block border-right">
                                        <span class="description-text">Monto Total</span>
                                        <h5 class="description-header text-primary">
                                            s/. {{ number_format($venta->monto_total, 2) }}
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="description-block border-right">
                                        <span class="description-text">Monto Recibido</span>
                                        <h5 class="description-header text-success">
                                            s/. {{ number_format($venta->monto_recibido, 2) }}
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="description-block border-right">
                                        <span class="description-text">Monto Pendiente</span>
                                        <h5 class="description-header text-danger">
                                            s/. {{ number_format($venta->monto_pendiente, 2) }}
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="description-block">
                                        <span class="description-text">Estado</span>
                                        <h5>
                                            @if ($venta->monto_pendiente <= 0)
                                                <span class="badge badge-success badge-lg">Pagado</span>
                                            @else
                                                <span class="badge badge-warning badge-lg">Pendiente de pago</span>
                                            @endif
                                        </h5>
                                    </div>
                                </div>
                            </div>
                            @if($venta->peso_neto)
                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <strong>Peso Neto:</strong> {{ number_format($venta->peso_neto, 2) }} kg
                                </div>
                                @if($venta->saldo > 0)
                                <div class="col-md-6">
                                    <strong>Saldo a Favor:</strong> s/. {{ number_format($venta->saldo, 2) }}
                                </div>
                                @endif
                                @if($venta->comentario)
                                <div class="col-md-12 mt-2">
                                    <strong>Observación:</strong> {{ $venta->comentario }}
                                </div>
                                @endif
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Pagos Realizados -->
    <div class="card mb-3">
        <div class="card-header bg-primary text-white">
            <h3 class="card-title mb-0">
                <i class="fas fa-money-bill-wave mr-2"></i> Pagos Realizados
            </h3>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-bordered table-hover mb-0">
                    <thead class="bg-light">
                        <tr>
                            <th>#</th>
                            <th class="text-right">Monto</th>
                            <th>Método de Pago</th>
                            <th>Banco</th>
                            <th>N° Operación</th>
                            <th>Fecha</th>
                            <th>Comprobantes</th>
                            <th>Comentario</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($pagos as $pago)
                            <tr>
                                <td>{{ $pago->id }}</td>
                                <td class="text-right">s/. {{ number_format($pago->monto, 2) }}</td>
                                <td>{{ $pago->metodo_pago->descripcion }}</td>
                                <td>{{ $pago->banco?->nombre ?? '-' }}</td>
                                <td>{{ $pago->num_operacion ?? '-' }}</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" class="btn btn-sm btn-info">
                                            <i class="fas fa-eye"></i> Ver
                                        </a>
                                    @else
                                        <span class="text-muted">-</span>
                                    @endif
                                </td>
                                <td>{{ $pago->comentario ?? '-' }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center text-muted py-4">
                                    <i class="fas fa-inbox fa-2x mb-2"></i>
                                    <p class="mb-0">La venta aún no contiene pagos realizados</p>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Adicionales y Descuentos -->
    <div class="row">
        <!-- Adicionales Aplicados -->
        <div class="col-md-6">
            <div class="card mb-3">
                <div class="card-header bg-success text-white">
                    <h3 class="card-title mb-0">
                        <i class="fas fa-plus-circle mr-2"></i> Adicionales Aplicados
                    </h3>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover mb-0">
                            <thead class="bg-light">
                                <tr>
                                    <th class="text-right">Monto</th>
                                    <th>Motivo</th>
                                    <th>Fecha - Hora</th>
                                    <th>Acción</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($adicionales as $adicional)
                                    <tr>
                                        <td class="text-right">s/. {{ number_format($adicional->monto, 2) }}</td>
                                        <td>{{ $adicional->descripcion }}</td>
                                        <td>{{ $adicional->fecha }}</td>
                                        <td>
                                            @csrf
                                            <a class="btn btn-danger btn-sm btnEliminarAdicional"
                                               data-id="{{ $adicional->id }}" data-monto="{{ $adicional->monto }}"
                                               data-venta="{{ $venta->id }}">
                                                <i class="fas fa-trash"></i> Eliminar
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="4" class="text-center text-muted py-4">
                                            <i class="fas fa-inbox fa-2x mb-2"></i>
                                            <p class="mb-0">Esta venta no cuenta con adicionales</p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!-- Descuentos Aplicados -->
        <div class="col-md-6">
            <div class="card mb-3">
                <div class="card-header bg-danger text-white">
                    <h3 class="card-title mb-0">
                        <i class="fas fa-minus-circle mr-2"></i> Descuentos Aplicados
                    </h3>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover mb-0">
                            <thead class="bg-light">
                                <tr>
                                    <th class="text-right">Monto</th>
                                    <th>Motivo</th>
                                    <th>Fecha - Hora</th>
                                    <th>Acción</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($descuentos as $descuento)
                                    <tr>
                                        <td class="text-right">s/. {{ number_format($descuento->monto_descuento, 2) }}</td>
                                        <td>{{ $descuento->motivo_descuento }}</td>
                                        <td>{{ $descuento->fecha_descuento }}</td>
                                        <td>
                                            @csrf
                                            <a class="btn btn-danger btn-sm btnEliminarDescuento"
                                               data-id="{{ $descuento->id }}" data-monto="{{ $descuento->monto_descuento }}"
                                               data-venta="{{ $venta->id }}">
                                                <i class="fas fa-trash"></i> Eliminar
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="4" class="text-center text-muted py-4">
                                            <i class="fas fa-inbox fa-2x mb-2"></i>
                                            <p class="mb-0">Esta venta no cuenta con descuentos</p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Detalle de Venta -->
    <div class="card mb-3">
        <div class="card-header bg-info text-white">
            <h3 class="card-title mb-0">
                <i class="fas fa-list mr-2"></i> Detalle de Venta
            </h3>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-bordered table-hover mb-0">
                    <thead class="bg-light">
                        <tr>
                            <th>#</th>
                            <th>Presentación</th>
                            <th>Tipo</th>
                            <th class="text-center">Cantidad</th>
                            <th class="text-right">Peso Bruto</th>
                            <th class="text-center">Cantidad Jabas</th>
                            <th class="text-right">Tara</th>
                            <th class="text-right">Peso Neto</th>
                            <th class="text-right">Precio</th>
                            <th class="text-right">Subtotal</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $totalCantidadPollos = 0;
                            $totalPesoBruto = 0;
                            $totalCantidadJabas = 0;
                            $totalTara = 0;
                            $totalPesoNeto = 0;
                            $totalSubtotal = 0;
                        @endphp
                        @forelse ($venta->detalles as $index => $detalle)
                            <tr>
                                <td class="text-center">{{ $index + 1 }}</td>
                                <td><strong>{{ $detalle->presentacion_pollo->descripcion ?? 'N/A' }}</strong></td>
                                <td>{{ $detalle->tipo_pollo->descripcion ?? 'N/A' }}</td>
                                <td class="text-center">{{ number_format($detalle->cantidad_pollos, 0) }}</td>
                                <td class="text-right">{{ number_format($detalle->peso_bruto, 2) }} kg</td>
                                <td class="text-center">{{ number_format($detalle->cantidad_jabas, 0) }}</td>
                                <td class="text-right">{{ number_format($detalle->tara, 2) }} kg</td>
                                <td class="text-right">{{ number_format($detalle->peso_neto, 2) }} kg</td>
                                <td class="text-right">s/. {{ number_format($detalle->precio, 2) }}</td>
                                <td class="text-right">s/. {{ number_format($detalle->subtotal, 2) }}</td>
                            </tr>
                            @php
                                $totalCantidadPollos += $detalle->cantidad_pollos;
                                $totalPesoBruto += $detalle->peso_bruto;
                                $totalCantidadJabas += $detalle->cantidad_jabas;
                                $totalTara += $detalle->tara;
                                $totalPesoNeto += $detalle->peso_neto;
                                $totalSubtotal += $detalle->subtotal;
                            @endphp
                        @empty
                            <tr>
                                <td colspan="10" class="text-center text-muted py-4">
                                    <i class="fas fa-inbox fa-2x mb-2"></i>
                                    <p class="mb-0">No hay detalles para esta venta</p>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                    <tfoot class="bg-light font-weight-bold">
                        <tr>
                            <td colspan="3" class="text-right">TOTAL DE LA VENTA:</td>
                            <td class="text-center">{{ number_format($totalCantidadPollos, 0) }}</td>
                            <td class="text-right">{{ number_format($totalPesoBruto, 2) }} kg</td>
                            <td class="text-center">{{ number_format($totalCantidadJabas, 0) }}</td>
                            <td class="text-right">{{ number_format($totalTara, 2) }} kg</td>
                            <td class="text-right">{{ number_format($totalPesoNeto, 2) }} kg</td>
                            <td class="text-right">-</td>
                            <td class="text-right">s/. {{ number_format($totalSubtotal, 2) }}</td>
                        </tr>
                        @if(isset($descuento_pollos_total) && ($descuento_pollos_total > 0 || (isset($descuento_peso_total) && $descuento_peso_total > 0)))
                        <tr class="bg-danger text-white">
                            <td colspan="3" class="text-right">DESCUENTOS:</td>
                            <td class="text-center">{{ number_format($descuento_pollos_total ?? 0, 0) }}</td>
                            <td class="text-right">-</td>
                            <td class="text-center">-</td>
                            <td class="text-right">-</td>
                            <td class="text-right">{{ number_format($descuento_peso_total ?? 0, 2) }} kg</td>
                            <td class="text-right">-</td>
                            <td class="text-right">-</td>
                        </tr>
                        <tr class="bg-success text-white">
                            <td colspan="3" class="text-right">TOTAL CON DESCUENTOS:</td>
                            <td class="text-center">{{ number_format($totalCantidadPollos - ($descuento_pollos_total ?? 0), 0) }}</td>
                            <td class="text-right">{{ number_format($totalPesoBruto, 2) }} kg</td>
                            <td class="text-center">{{ number_format($totalCantidadJabas, 0) }}</td>
                            <td class="text-right">{{ number_format($totalTara, 2) }} kg</td>
                            <td class="text-right">{{ number_format($totalPesoNeto - ($descuento_peso_total ?? 0), 2) }} kg</td>
                            <td class="text-right">-</td>
                            <td class="text-right">s/. {{ number_format($venta->monto_total, 2) }}</td>
                        </tr>
                        @endif
                    </tfoot>
                </table>
            </div>
        </div>
    </div>

    <!-- Descuentos de la Orden de Despacho -->
    @if(isset($descuento_pollos_total) && ($descuento_pollos_total > 0 || (isset($descuento_peso_total) && $descuento_peso_total > 0)))
        <div class="card mb-3">
            <div class="card-header bg-info text-white">
                <h3 class="card-title mb-0">
                    <i class="fas fa-truck mr-2"></i> Descuentos de la Orden de Despacho
                </h3>
            </div>
            <div class="card-body">
                @foreach($venta->ordenDespacho as $orden)
                    <div class="card card-outline card-secondary mb-2">
                        <div class="card-header">
                            <strong>Orden de Despacho #{{ $orden->id }}</strong>
                        </div>
                        <div class="card-body">
                            <p><strong>Descuento Pollos:</strong> {{ number_format($orden->descuento_pollos ?? 0, 0) }}</p>
                            <p><strong>Descuento Peso:</strong> {{ number_format($orden->descuento_peso ?? 0, 2) }} kg</p>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    @endif

    <!-- Botones de Acción -->
    <div class="card mt-3">
        <div class="card-footer">
            <a href="{{ route('ventas.index') }}" class="btn btn-warning">
                <i class="fas fa-arrow-left mr-2"></i> Lista de Ventas
            </a>
            <a href="{{ route('ventas.print', ['id' => $venta->id, 'format' => 'a4']) }}"
               class="btn btn-danger ml-2" target="_blank">
                <i class="fas fa-file-pdf"></i> Descargar PDF
            </a>
        </div>
    </div>





@stop

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $(document).ready(function() {
            //Manejo de eliminacion de pago
            $('.btnEliminarPago').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,
                                });

                            }
                        });
                    }
                });


            });

            //Manejo de eliminacion de adicional
            $('.btnEliminarAdicional').click(function(e) {
                e.preventDefault();

                const adicionalId = 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 Adicional?",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    cancelButtonText: "Cancelar",
                    cancelButtonColor: "#d33",
                    confirmButtonText: "Si, Registrar"
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "DELETE",
                            url: '/ventas/adicionales/' + adicionalId,
                            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 Adicional fue eliminado correctamente',
                                    showConfirmButton: false,
                                    timer: 1000
                                }).then(() => {
                                    location
                                .reload(); // Recarga la página después de mostrar la alerta
                                });
                            }
                        });
                    }
                });

            });

            //Manejo de eliminacion de descuento
            $('.btnEliminarDescuento').click(function(e) {
                e.preventDefault();

                const descuentoId = 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 Descuento?",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    cancelButtonText: "Cancelar",
                    cancelButtonColor: "#d33",
                    confirmButtonText: "Si, Registrar"
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "DELETE",
                            url: '/ventas/descuentos/' + descuentoId,
                            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 Descuento fue eliminado correctamente',
                                    showConfirmButton: false,
                                    timer: 1000
                                }).then(() => {
                                    location
                                .reload(); // Recarga la página después de mostrar la alerta
                                });
                            }
                        });
                    }
                });

            });


        });
    </script>
@endsection