@extends('layouts.app')
@section('title', 'Nuevo Mantenimiento / Calibración — BPM')
@section('page-title', 'Nuevo Mantenimiento / Calibración')

@section('content')

{{-- Flash messages --}}
@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
        <i class="fas fa-check-circle mr-2"></i>{{ session('success') }}
        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
    </div>
@endif
@if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show">
        <i class="fas fa-exclamation-circle mr-2"></i>{{ session('error') }}
        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
    </div>
@endif

{{-- Breadcrumb --}}
<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('bpm.dashboard') }}"><i class="fas fa-shield-alt mr-1"></i>BPM</a></li>
        <li class="breadcrumb-item"><a href="{{ route('bpm.mantenimiento.index') }}">Mantenimiento y Calibración</a></li>
        <li class="breadcrumb-item active">Nuevo</li>
    </ol>
</nav>

@php
    $tipos      = \App\Models\BpmMantenimientoCalib::$TIPOS      ?? [];
    $resultados = \App\Models\BpmMantenimientoCalib::$RESULTADOS ?? [];
@endphp

<form method="POST" action="{{ route('bpm.mantenimiento.store') }}">
    @csrf
    <div class="card">
        <div class="card-header">
            <h3 class="card-title"><i class="fas fa-tools mr-1"></i> Datos del Registro</h3>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-4 form-group">
                    <label for="equipo_id">Equipo <span class="text-danger">*</span></label>
                    <select name="equipo_id" id="equipo_id"
                            class="form-control @error('equipo_id') is-invalid @enderror" required>
                        <option value="">— Seleccione equipo —</option>
                        @foreach($equipos as $eq)
                            <option value="{{ $eq->id }}" {{ old('equipo_id') == $eq->id ? 'selected' : '' }}>
                                {{ $eq->nombre }}
                            </option>
                        @endforeach
                    </select>
                    @error('equipo_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-4 form-group">
                    <label for="tipo">Tipo <span class="text-danger">*</span></label>
                    <select name="tipo" id="tipo"
                            class="form-control @error('tipo') is-invalid @enderror" required>
                        <option value="">— Seleccione —</option>
                        @foreach($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 class="col-md-4 form-group">
                    <label for="responsable">Responsable / Técnico <span class="text-danger">*</span></label>
                    <input type="text" name="responsable" id="responsable"
                           class="form-control @error('responsable') is-invalid @enderror"
                           value="{{ old('responsable') }}"
                           placeholder="Nombre del técnico/responsable" required>
                    @error('responsable')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
            </div>

            <div class="row">
                <div class="col-md-3 form-group">
                    <label for="fecha_programada">Fecha Programada <span class="text-danger">*</span></label>
                    <input type="date" name="fecha_programada" id="fecha_programada"
                           class="form-control @error('fecha_programada') is-invalid @enderror"
                           value="{{ old('fecha_programada', date('Y-m-d')) }}" required>
                    @error('fecha_programada')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-3 form-group">
                    <label for="fecha_realizada">Fecha Realizada <small class="text-muted">(opcional)</small></label>
                    <input type="date" name="fecha_realizada" id="fecha_realizada"
                           class="form-control @error('fecha_realizada') is-invalid @enderror"
                           value="{{ old('fecha_realizada') }}">
                    @error('fecha_realizada')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-3 form-group">
                    <label for="resultado">Resultado <small class="text-muted">(opcional)</small></label>
                    <select name="resultado" id="resultado"
                            class="form-control @error('resultado') is-invalid @enderror">
                        <option value="">— Seleccione —</option>
                        @foreach($resultados as $key => $label)
                            <option value="{{ $key }}" {{ old('resultado') === $key ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                    @error('resultado')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-3 form-group">
                    <label for="proxima_fecha">Próxima Fecha <small class="text-muted">(opcional)</small></label>
                    <input type="date" name="proxima_fecha" id="proxima_fecha"
                           class="form-control @error('proxima_fecha') is-invalid @enderror"
                           value="{{ old('proxima_fecha') }}">
                    @error('proxima_fecha')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
            </div>

            <div class="form-group">
                <label for="observaciones">Observaciones</label>
                <textarea name="observaciones" id="observaciones" rows="3"
                          class="form-control @error('observaciones') is-invalid @enderror"
                          placeholder="Observaciones, hallazgos, certificado N°...">{{ old('observaciones') }}</textarea>
                @error('observaciones')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save mr-1"></i>Guardar Registro
            </button>
            <a href="{{ route('bpm.mantenimiento.index') }}" class="btn btn-secondary ml-2">Cancelar</a>
        </div>
    </div>
</form>

@endsection