@extends('layouts.app')

@section('content')
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Detalles del Gasto</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <p><strong>ID:</strong> {{ $gasto->id }}</p>
                    <p><strong>Proveedor:</strong> {{ $gasto->proveedor->nombre }}</p>
                    <p><strong>Categoría:</strong> {{ $gasto->categoria }}</p>
                    <p><strong>Cantidad:</strong> {{ number_format($gasto->cantidad, 2) }}</p>
                    <p><strong>Descripción:</strong> {{ $gasto->descripcion }}</p>
                    <p><strong>Fecha Limite:</strong> {{ $gasto->fecha_limite }}</p>
                    <p><strong>Fecha Pago:</strong> {{ $gasto->fecha_pago }}</p>
                    <p><strong>Pagado:</strong> {{ $gasto->pagado == true ? 'PAGADO' : 'PENDIENTE' }}</p>
                    <p><strong>Estatus:</strong> {{ $gasto->estatus == true ? 'ACTIVO' : 'INACTIVO' }}</p>

                </div>
                <div class="col-md-6">
                    <div class="bd-example">
                        <ul class="list-group">
                            <h5 class="mb-4">Archivos Adjuntos</h5>
                            @if (count($gasto->documentos) > 0)
                                @foreach ($gasto->documentos as $item)
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                        <a href="{{ $item->ruta() }}" target="_blank">{{ $item->filename }}</a>
                                        <a href="{{ route('gastoDocumento.eliminar', $item->id) }}"
                                            class="badge rounded-pill bg-danger"
                                            onclick="return confirm('¿Estás seguro de que deseas RECHAZAR esta cotización?')">
                                            <svg class="icon-32" width="20" viewBox="0 0 24 24" fill="none"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path opacity="0.4"
                                                    d="M16.34 1.99976H7.67C4.28 1.99976 2 4.37976 2 7.91976V16.0898C2 19.6198 4.28 21.9998 7.67 21.9998H16.34C19.73 21.9998 22 19.6198 22 16.0898V7.91976C22 4.37976 19.73 1.99976 16.34 1.99976Z"
                                                    fill="currentColor"></path>
                                                <path
                                                    d="M15.0158 13.7703L13.2368 11.9923L15.0148 10.2143C15.3568 9.87326 15.3568 9.31826 15.0148 8.97726C14.6728 8.63326 14.1198 8.63426 13.7778 8.97626L11.9988 10.7543L10.2198 8.97426C9.87782 8.63226 9.32382 8.63426 8.98182 8.97426C8.64082 9.31626 8.64082 9.87126 8.98182 10.2123L10.7618 11.9923L8.98582 13.7673C8.64382 14.1093 8.64382 14.6643 8.98582 15.0043C9.15682 15.1763 9.37982 15.2613 9.60382 15.2613C9.82882 15.2613 10.0518 15.1763 10.2228 15.0053L11.9988 13.2293L13.7788 15.0083C13.9498 15.1793 14.1728 15.2643 14.3968 15.2643C14.6208 15.2643 14.8448 15.1783 15.0158 15.0083C15.3578 14.6663 15.3578 14.1123 15.0158 13.7703Z"
                                                    fill="currentColor"></path>
                                            </svg>
                                        </a>
                                    </li>
                                @endforeach
                            @else
                                <li class="list-group-item d-flex justify-content-between align-items-center">
                                    Sin Evidencia
                                </li>
                            @endif
                        </ul>
                    </div>
                </div>
                <div class="col-md-12 mt-4">
                    <a href="{{ route('gasto.index') }}" class="btn btn-primary">Volver a la lista</a>
                    <a href="{{ route('gasto.edit', $gasto->id) }}" class="btn btn-warning">Editar</a>
                </div>
            </div>
        </div>
    </div>
@endsection