@extends('client.layouts.app')

@section('content')
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="card-title mb-0">Cotizacion #{{ $cotizacion->id }}</h4>
                    <div>
                        @if($cotizacion->autorizado)
                            <span class="badge bg-success fs-6">Aprobada</span>
                        @else
                            <span class="badge bg-warning fs-6">Pendiente de Aprobacion</span>
                        @endif
                    </div>
                </div>
                <div class="card-body">
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <p class="mb-1"><strong>Fecha de Cotizacion:</strong> {{ \Carbon\Carbon::parse($cotizacion->fecha_cotizacion)->format('d/m/Y') }}</p>
                            <p class="mb-1"><strong>Vigencia:</strong> {{ $cotizacion->fin_cotizacion ? \Carbon\Carbon::parse($cotizacion->fin_cotizacion)->format('d/m/Y') : 'No especificada' }}</p>
                        </div>
                        <div class="col-md-6">
                            @if($cotizacion->deposito > 0)
                                <p class="mb-1"><strong>Deposito Requerido:</strong> ${{ number_format($cotizacion->deposito, 2) }}</p>
                            @endif
                        </div>
                    </div>

                    <h6>Productos</h6>
                    <div class="table-responsive">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Producto</th>
                                    <th>Descripcion</th>
                                    <th>Cantidad</th>
                                    <th>Precio</th>
                                    <th>Descuento</th>
                                    <th>Importe</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($cotizacion->productos as $producto)
                                    <tr>
                                        <td>{{ $producto->nombre }}</td>
                                        <td>{{ $producto->pivot->descripcion }}</td>
                                        <td>{{ $producto->pivot->cantidad }}</td>
                                        <td>${{ number_format($producto->pivot->precio, 2) }}</td>
                                        <td>{{ $producto->pivot->descuento }}%</td>
                                        <td>${{ number_format(($producto->pivot->cantidad * $producto->pivot->precio) * (1 - $producto->pivot->descuento/100), 2) }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td colspan="5" class="text-end"><strong>Subtotal:</strong></td>
                                    <td>${{ number_format($cotizacion->subtotal, 2) }}</td>
                                </tr>
                                <tr>
                                    <td colspan="5" class="text-end"><strong>IVA (16%):</strong></td>
                                    <td>${{ number_format($cotizacion->iva, 2) }}</td>
                                </tr>
                                <tr>
                                    <td colspan="5" class="text-end"><strong>Total:</strong></td>
                                    <td><strong>${{ number_format($cotizacion->total, 2) }}</strong></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Acciones</h5>
                </div>
                <div class="card-body">
                    @if(!$cotizacion->autorizado)
                        <p class="text-muted mb-3">Si estas de acuerdo con esta cotizacion, puedes aprobarla para que procedamos con tu pedido.</p>
                        <button type="button" class="btn btn-success w-100 mb-3" id="btn-aprobar">
                            Aprobar Cotizacion
                        </button>
                    @else
                        <div class="alert alert-success">
                            <strong>Cotizacion Aprobada</strong>
                            <p class="mb-0 small">Esta cotizacion ya fue aprobada.</p>
                        </div>

                        @if($cotizacion->factura)
                            <p class="mb-2">
                                <strong>Factura generada:</strong>
                                <a href="{{ route('client.invoices.show', $cotizacion->factura->id) }}">
                                    {{ $cotizacion->factura->folio }}
                                </a>
                            </p>
                        @endif
                    @endif

                    <a href="{{ route('client.quotes.index') }}" class="btn btn-secondary w-100">Volver al listado</a>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('javascript')
@if(!$cotizacion->autorizado)
<script>
    $('#btn-aprobar').on('click', function() {
        Swal.fire({
            title: 'Aprobar Cotizacion',
            text: '¿Estas seguro de aprobar esta cotizacion?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: '#28a745',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Si, aprobar',
            cancelButtonText: 'Cancelar'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "{{ route('client.quotes.aprobar', $cotizacion->id) }}",
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(data) {
                        Swal.fire({
                            title: 'Exito',
                            text: data.message,
                            icon: 'success',
                            timer: 1500
                        }).then(() => {
                            location.reload();
                        });
                    },
                    error: function(xhr) {
                        Swal.fire({
                            title: 'Error',
                            text: xhr.responseJSON?.error || 'Error al aprobar la cotizacion',
                            icon: 'error'
                        });
                    }
                });
            }
        });
    });
</script>
@endif
@endpush