@extends('partials.layout')

@section('content')
<div>
    <h3 style="margin:0 0 12px 0">Crear Estación</h3>

    <div class="card">
        <div class="card-body">
            <form action="{{ route('estaciones.store') }}" method="POST">
                @csrf
                <div>
                    <label style="display:block;font-weight:700;margin-bottom:6px">Nombre</label>
                    <input name="nombre" type="text" value="{{ old('nombre') }}" required style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">
                </div>

                <div>
                    <label style="display:block;font-weight:700;margin-bottom:6px;margin-top:12px">Descripción</label>
                    <textarea name="descripcion" style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">{{ old('descripcion') }}</textarea>
                </div>

                <div style="margin-top:12px">
                    <label style="display:flex;align-items:center;gap:10px;font-weight:700">
                        <input class="" type="checkbox" name="estado" id="estado" value="1" {{ old('estado', 1) == 1 || old('estado') === '1' ? 'checked' : '' }}>
                        <span>Activo</span>
                    </label>

                </div>

                <button type="submit" class="btn btn-primary">Crear Estación</button>
            </form>
        </div>
    </div>
</div>
@endsection