@extends('layouts.admin')

@section('content')
<div class="card shadow-sm">
    <div class="card-header bg-dark text-white">
        <h5>Registrar Mantenimiento: {{ $equipo->mobiliario }}</h5>
    </div>
    <div class="card-body">
        <form action="{{ route('mobiliario.storeMantenimiento') }}" method="POST">
            @csrf
            <input type="hidden" name="mobiliario_equipo_id" value="{{ $equipo->id }}">

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label>Fecha de Realización</label>
                    <input type="date" name="fecha_realizacion" class="form-control" value="{{ date('Y-m-d') }}" required>
                </div>
                <div class="col-md-6 mb-3">
                    <label>Frecuencia para el Próximo (Meses)</label>
                    <select name="meses_proximo_mantenimiento" class="form-control">
                        <option value="3" {{ $equipo->mantenimientos->last()?->meses_proximo_mantenimiento == 3 ? 'selected' : '' }}>3 meses (Trimestral)</option>
                        <option value="6" {{ $equipo->mantenimientos->last()?->meses_proximo_mantenimiento == 6 ? 'selected' : '' }}>6 meses (Semestral)</option>
                        <option value="12" {{ $equipo->mantenimientos->last()?->meses_proximo_mantenimiento == 12 ? 'selected' : '' }}>12 meses (Anual)</option>
                    </select>
                </div>
            </div>

            <div class="mb-3">
                <label>Costo del Servicio (Q/$) </label>
                <input type="number" step="0.01" name="costo" class="form-control" placeholder="0.00">
            </div>

            <div class="mb-3">
                <label>Observaciones / Detalles del Trabajo</label>
                <textarea name="observaciones" class="form-control" rows="3" placeholder="Ej: Cambio de filtros y limpieza de ..."></textarea>
            </div>

            <div class="d-flex justify-content-end">
                <a href="{{ route('mobiliario-y-equipo.index') }}" class="btn btn-secondary me-2">Cancelar</a>
                <button type="submit" class="btn btn-success">Guardar Historial</button>
            </div>
        </form>
    </div>
</div>
@endsection