@extends('layouts.app')
@section('title', 'Mantenimiento — Nueva Solicitud')
@section('page-title', 'Nueva Solicitud de Mantenimiento')

@section('content')

@if($errors->any())
<div class="alert alert-danger alert-dismissible fade show">
    <i class="fas fa-exclamation-circle mr-2"></i>
    <strong>Por favor corrija los siguientes errores:</strong>
    <ul class="mb-0 mt-1">
        @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
    </ul>
    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
</div>
@endif

<div class="card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-plus-circle mr-1"></i> Datos de la Solicitud</h3>
    </div>
    <form action="{{ route('mantenimiento.solicitudes.store') }}" method="POST">
        @csrf
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label>Equipo <span class="text-danger">*</span></label>
                        <select name="equipo_id" class="form-control @error('equipo_id') is-invalid @enderror" required>
                            <option value="">— Seleccionar equipo —</option>
                            @foreach($equipos as $eq)
                                <option value="{{ $eq->id }}" {{ old('equipo_id') == $eq->id ? 'selected' : '' }}>
                                    {{ $eq->nombre }}{{ $eq->codigo ? ' (' . $eq->codigo . ')' : '' }}
                                </option>
                            @endforeach
                        </select>
                        @error('equipo_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label>Área Solicitante</label>
                        <input type="text" name="area_solicitante" class="form-control @error('area_solicitante') is-invalid @enderror"
                               value="{{ old('area_solicitante') }}" placeholder="Área que origina la solicitud">
                        @error('area_solicitante')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label>Tipo de Mantenimiento <span class="text-danger">*</span></label>
                        <select name="tipo" class="form-control @error('tipo') is-invalid @enderror" required>
                            <option value="">— Seleccionar tipo —</option>
                            @foreach(\App\Models\MantenimientoSolicitud::$TIPOS as $key => $label)
                                <option value="{{ $key }}" {{ old('tipo') == $key ? 'selected' : '' }}>{{ $label }}</option>
                            @endforeach
                        </select>
                        @error('tipo')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label>Prioridad <span class="text-danger">*</span></label>
                        <select name="prioridad" class="form-control @error('prioridad') is-invalid @enderror" required>
                            <option value="">— Seleccionar prioridad —</option>
                            @foreach(\App\Models\MantenimientoSolicitud::$PRIORIDADES as $key => $label)
                                <option value="{{ $key }}" {{ old('prioridad') == $key ? 'selected' : '' }}>{{ $label }}</option>
                            @endforeach
                        </select>
                        @error('prioridad')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label>Descripción del Problema <span class="text-danger">*</span></label>
                <textarea name="descripcion" class="form-control @error('descripcion') is-invalid @enderror"
                          rows="5" required
                          placeholder="Describe detalladamente el problema, falla o necesidad de mantenimiento...">{{ old('descripcion') }}</textarea>
                @error('descripcion')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>

        <div class="card-footer d-flex" style="gap:8px;">
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-paper-plane mr-1"></i> Enviar Solicitud
            </button>
            <a href="{{ route('mantenimiento.solicitudes.index') }}" class="btn btn-secondary">
                <i class="fas fa-times mr-1"></i> Cancelar
            </a>
        </div>
    </form>
</div>

@endsection