@extends('layouts.plantilla')

@section('contenido')
    <div class="content">
        <div class="row">
            <div class="col-12 pt-5">
                @if($auto)
                    <h1>Editar Auto</h1>
                @else
                    <h1>Crear Auto</h1>
                @endif
            </div>

            <div class="col-12">
                @if($auto)
                    <form action="{{ route('autos.update', $auto->id) }}" method="POST">
                        @csrf
                        @method('PUT')
                @else
                    <form action="{{ route('autos.store') }}" method="POST">
                        @csrf
                @endif
                    <div class="form-group">
                        <label for="marca" class="form-label">Marca</label>
                        <input type="text" class="form-control" id="marca" name="marca" value="{{$auto ? $auto->marca : ''}}" placeholder="Ingrese la marca" pattern="[A-Za-z\s]+" title="Solo letras y espacios" required>
                    </div>
                    <div class="form-group">
                        <label for="modelo" class="form-label">Modelo</label>
                        <input type="text" class="form-control" id="modelo" name="modelo" value="{{$auto ? $auto->modelo : ''}}" placeholder="Ingrese el modelo" pattern="[A-Za-z\s]+" title="Solo letras y espacios" required>
                    </div>
                    <div class="form-group">
                        <label for="año" class="form-label">Año</label>
                        <input type="number" class="form-control" id="año" name="año" value="{{$auto ? $auto->año : ''}}" placeholder="Ingrese el año" required>
                    </div>
                    <div class="form-group">
                        <label for="color" class="form-label">Color</label>
                        <input type="color" class="form-control" id="color" name="color" value="{{$auto ? $auto->color : '#000000'}}" required>
                    </div>
                    <div class="form-group">
                        <label for="precio" class="form-label">Precio</label>
                        <input type="number" step="0.01" class="form-control" id="precio" name="precio" value="{{$auto ? $auto->precio : ''}}" placeholder="Ingrese el precio" required>
                    </div>
                    <button type="submit" class="btn btn-primary">Guardar</button>
                    <a href="{{ route('autos.index') }}" class="btn btn-danger">Cancelar</a>
                </form>
            </div>
        </div>
    </div>
@endsection