@extends('layouts.app')
@section('title', 'Cotización ' . $cotizacion->numero)
@section('page-title', 'Cotización ' . $cotizacion->numero)
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('logistica.dashboard') }}">Logística</a></li>
    <li class="breadcrumb-item"><a href="{{ route('logistica.cotizaciones.index') }}">Cotizaciones</a></li>
    <li class="breadcrumb-item active">{{ $cotizacion->numero }}</li>
@endsection
@section('content')

@php
    $badge = match($cotizacion->estado) { 'aceptada' => 'success', 'rechazada' => 'danger', default => 'warning' };
@endphp

<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h3 class="card-title mb-0">
                    <i class="fas fa-file-invoice-dollar mr-2"></i>{{ $cotizacion->numero }}
                </h3>
                <span class="badge badge-{{ $badge }} badge-pill px-3 py-2" style="font-size:0.85rem;">
                    {{ ucfirst($cotizacion->estado) }}
                </span>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-4">
                        <small class="text-muted d-block">Proveedor</small>
                        <strong>{{ $cotizacion->proveedor->razon_social }}</strong><br>
                        <small class="text-muted">RUC: {{ $cotizacion->proveedor->ruc }}</small>
                    </div>
                    <div class="col-md-4">
                        <small class="text-muted d-block">Fecha</small>
                        <strong>{{ \Carbon\Carbon::parse($cotizacion->fecha)->format('d/m/Y') }}</strong>
                        <br>
                        <small class="text-muted">Válida por {{ $cotizacion->validez_dias }} días</small>
                    </div>
                    <div class="col-md-4">
                        @if($cotizacion->requerimiento)
                        <small class="text-muted d-block">Requerimiento</small>
                        <a href="{{ route('logistica.requerimientos.show', $cotizacion->requerimiento) }}">
                            {{ $cotizacion->requerimiento->numero }}
                        </a>
                        @endif
                    </div>
                </div>

                @if($cotizacion->observaciones)
                <div class="alert alert-light border mb-3">
                    <small class="text-muted">Observaciones: </small>{{ $cotizacion->observaciones }}
                </div>
                @endif

                <div class="table-responsive">
                    <table class="table table-sm table-bordered">
                        <thead class="thead-light">
                            <tr>
                                <th>#</th>
                                <th>Descripción</th>
                                <th class="text-right">Cantidad</th>
                                <th class="text-right">P. Unit. (S/.)</th>
                                <th class="text-right">Subtotal (S/.)</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($cotizacion->items as $i => $item)
                                <tr>
                                    <td>{{ $i + 1 }}</td>
                                    <td>{{ $item->descripcion }}</td>
                                    <td class="text-right">{{ number_format($item->cantidad, 3) }}</td>
                                    <td class="text-right">{{ number_format($item->precio_unitario, 4) }}</td>
                                    <td class="text-right">{{ number_format($item->subtotal, 2) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot class="font-weight-bold">
                            <tr>
                                <td colspan="4" class="text-right">Subtotal:</td>
                                <td class="text-right">S/ {{ number_format($cotizacion->subtotal, 2) }}</td>
                            </tr>
                            <tr>
                                <td colspan="4" class="text-right">IGV (18%):</td>
                                <td class="text-right">S/ {{ number_format($cotizacion->igv, 2) }}</td>
                            </tr>
                            <tr class="text-success">
                                <td colspan="4" class="text-right">TOTAL:</td>
                                <td class="text-right" style="font-size:1.1rem;">
                                    S/ {{ number_format($cotizacion->total, 2) }}
                                </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">
                @hasanyrole('super-admin|gerente|jefe-logistica')
                @if($cotizacion->estado === 'pendiente')
                <form method="POST" action="{{ route('logistica.cotizaciones.aceptar', $cotizacion) }}" class="mb-2">
                    @csrf
                    <button type="submit" class="btn btn-success btn-block"
                        onclick="return confirm('¿Aceptar esta cotización? Las demás cotizaciones del mismo requerimiento serán rechazadas.')">
                        <i class="fas fa-check mr-1"></i>Aceptar Cotización
                    </button>
                </form>
                <form method="POST" action="{{ route('logistica.cotizaciones.rechazar', $cotizacion) }}">
                    @csrf
                    <button type="submit" class="btn btn-danger btn-block"
                        onclick="return confirm('¿Rechazar esta cotización?')">
                        <i class="fas fa-times mr-1"></i>Rechazar
                    </button>
                </form>
                @endif
                @endhasanyrole

                <hr>
                <a href="{{ route('logistica.cotizaciones.pdf', $cotizacion) }}"
                    target="_blank" class="btn btn-danger btn-block btn-sm">
                    <i class="fas fa-file-pdf mr-1"></i>Ver PDF
                </a>
                <a href="{{ route('logistica.cotizaciones.index') }}" class="btn btn-secondary btn-block btn-sm mt-1">
                    <i class="fas fa-arrow-left mr-1"></i>Volver al listado
                </a>
            </div>
        </div>

        @if($cotizacion->estado === 'aceptada')
        <div class="card mt-3 border-success">
            <div class="card-body text-center">
                <i class="fas fa-check-circle fa-3x text-success mb-2"></i>
                <h5 class="text-success">Cotización Aceptada</h5>
                <p class="text-muted small">
                    Esta cotización fue aceptada como proveedor seleccionado para el requerimiento vinculado.
                </p>
                <a href="{{ route('logistica.ordenes-compra.create', ['cotizacion_id' => $cotizacion->id]) }}"
                    class="btn btn-primary btn-sm">
                    <i class="fas fa-shopping-cart mr-1"></i>Generar Orden de Compra
                </a>
            </div>
        </div>
        @endif
    </div>
</div>

@endsection