@extends('layouts.app')
@section('titulo','Mis órdenes')
@section('contenido')
<h4 class="mb-3"><i class="fa fa-mobile-screen"></i> Mis órdenes asignadas</h4>
<form method="GET" class="row g-2 mb-3">
  <div class="col-8 col-md-6"><input name="q" value="{{ $busqueda }}" class="form-control form-control-lg" placeholder="Buscar OT, equipo..."></div>
  <div class="col-4 col-md-3"><select name="estado" class="form-select form-select-lg">
    <option value="pendientes" @selected($estado==='pendientes')>Pendientes</option>
    <option value="completas" @selected($estado==='completas')>Completas</option>
    <option value="todas" @selected($estado==='todas')>Todas</option>
  </select></div>
  <div class="col-12 col-md-3"><button class="btn btn-primario btn-lg w-100"><i class="fa fa-search"></i> Buscar</button></div>
</form>
<div class="row g-3">
  @forelse($ordenes as $o)
    <div class="col-md-6 col-lg-4">
      <div class="card h-100 shadow-sm">
        <div class="card-body">
          <div class="d-flex justify-content-between align-items-center mb-2">
            <strong>{{ $o->codigo }}</strong>
            @if($o->estado)<span class="estado-badge" style="background:{{ $o->estado->color }};">{{ $o->estado->nombre }}</span>@endif
          </div>
          <div class="fw-bold">{{ optional($o->equipo)->nombre }}</div>
          <small class="text-muted d-block">{{ optional($o->equipo)->codigo }}</small>
          <small class="d-block mt-2"><i class="fa fa-calendar"></i> {{ $o->fecha_programada?->format('d/m/Y') }}</small>
          @if($o->prioridad)
            <small class="badge mt-1" style="background:{{ $o->prioridad->color }};">{{ $o->prioridad->nombre }}</small>
          @endif
        </div>
        <div class="card-footer bg-white border-top-0">
          <a href="{{ route('ordenes.show',$o) }}" class="btn btn-primario btn-lg w-100"><i class="fa fa-arrow-right"></i> Abrir</a>
        </div>
      </div>
    </div>
  @empty
    <div class="col-12"><div class="alert alert-info">Sin órdenes para mostrar.</div></div>
  @endforelse
</div>
<div class="mt-3">{{ $ordenes->links() }}</div>
@endsection