@extends('layouts.app')

@section('title', 'Lista de Pedidos')

@section('content')
<link rel="stylesheet" href="{{ asset('css/style.css') }}">

<h2>Lista de Pedidos</h2>

<!-- Formulario de Búsqueda -->
<form method="GET" action="{{ route('orders.index') }}" class="search-form">
    <div class="fila">
    <label>  No Pedido / Cliente / Estado / NIT /Ciudad /Dpto / Fecha AAAA-MM-DD</label>
    <input size="40" type="text" name="search" value="{{ request('search') }}" placeholder="Buscar " class="search-input">
    <button type="submit" class="btn btn-primary ancho100" >Buscar</button>
    </div>
</form>

@if (session('success'))
    <p class="alert alert-success">{{ session('success') }}</p>
@endif

<div class="orders-container">
    @foreach ($orders as $order)
      




        <div class="order-card">
            <div class="order-header">
             

                <h3>
                    @if ($order->prioridad == 1)
                    <i class="fas fa-check-circle normal"></i> <!-- Ícono aprobado (verde) -->
                @else
                    <i class="fas fa-exclamation-circle vencido"></i> <!-- Ícono pendiente (rojo) -->
                @endif
                    
                    Pedido #{{ ltrim($order->FTI_DOCUMENTO, '0') }}  Alistado {{ $order->completado ?? 0 }} % </h3>
                <div class="actions">
                    <a href="{{ route('orders.edit', $order->FTI_AUTOINCREMENT) }}" class="btn btn-primary">Editar</a>
                    <a href="{{ route('detail.show', $order->FTI_AUTOINCREMENT) }}" class="btn btn-secondary">Detalle</a>
                </div>
            </div>
            <div class="order-content">
                <div class="order-info">
                    <p><strong>Fecha Emisión:</strong> {{ \Carbon\Carbon::parse($order->FTI_FECHAEMISION)->format('d-m-Y') }}</p>
                    <p><strong>Hora:</strong> {{ $order->FTI_HORA }}</p>
                    <p><strong>Cliente:</strong> {{ $order->FTI_PERSONACONTACTO }}</p>
                    <p><strong>Contacto:</strong> {{ $order->FTI_NOMBRECONTACTO }}</p>
                    <p><strong>Despacho A:</strong> {{ $order->FTI_DIRECCIONDESPACHO }}</p>
                    <p><strong>Depto:</strong> {{ $order->DPTO_DESPACHO }}</p>
                    <p><strong>Ciudad:</strong> {{ $order->CIUDAD_DESPACHO }}</p>
                    <p><strong>Nota:</strong> {{ $order->FTI_DETALLECOMENTARIO }}</p>

                </div>
                <div class="order-details">
                    <p><strong>Fecha Vencimiento:</strong> {{ \Carbon\Carbon::parse($order->FTI_FECHAVENCIDO)->format('d-m-Y') }}</p>
                    <p><strong>Hora:</strong> {{ $order->HORA_VENCIDO }}</p>
                    <p><strong>Vendedor:</strong> {{ $order->FTI_NOMBREVENDEDOR }}</p>
                    <p><strong>Items:</strong> {{ $order->FTI_TOTALITEMS }}</p>
                    <p><strong>Estado:</strong> {{ $order->estadoInfo->nombre_estado ?? 'Sin estado' }}</p>
                    <p><strong>Operador:</strong> {{ $order->userInfo->nombre_usuario ?? 'Sin operador' }}</p>
                    <p><strong>Despacho:</strong> {{ $order->despachoInfo->nombre_despacho ?? 'Sin despacho' }}</p>
                    <p><strong>Transportadora:</strong> {{ $order->transportadoraInfo->nombre_transportadora ?? 'Sin transportadora' }}</p>
                </div>
            </div>
        </div>
    @endforeach
</div>

<!-- Enlaces de paginación -->
<div class="pagination-container">
    {{ $orders->links() }}
</div>

{{-- <a href="{{ route('home') }}" class="btn btn-dark">Volver al inicio</a> --}}

@endsection