@extends('partials.layout')

@section('title','Crear Tipo de Combustible')

@section('content')
<form action="{{ route('tipos_combustible.store') }}" method="POST" style="max-width:500px">
    @csrf
    <div style="margin-bottom:14px">
        <label for="nombre" style="display:block;margin-bottom:4px;font-weight:500">Nombre</label>
        <input type="text" name="nombre" id="nombre" value="{{ old('nombre') }}" required
               style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box">
    </div>
    <div style="margin-bottom:14px">
        <label for="octanaje" style="display:block;margin-bottom:4px;font-weight:500">Octanaje</label>
        <input type="number" name="octanaje" id="octanaje" value="{{ old('octanaje') }}"
               style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box">
    </div>
    <div style="margin-bottom:14px">
        <label for="precio" style="display:block;margin-bottom:4px;font-weight:500">Precio</label>
        <input type="number" step="0.01" name="precio" id="precio" value="{{ old('precio') }}"
               style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box">
    </div>
    <div style="margin-bottom:14px">
        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
            <input type="checkbox" name="estado" value="1" {{ old('estado', 1) ? 'checked' : '' }}>
            Activo
        </label>
    </div>
    <button type="submit" class="btn primary">Guardar</button>
</form>
@endsection