@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Registrar Categoría</div>

                    <div class="card-body">
                        @if (isset($edit))
                            <form method="POST" action="{{ route('categorias.update', [$categoria->id]) }}" autocomplete="off">

                        @else
                            <form method="POST" action="{{ route('categorias.crear') }}" autocomplete="off">
                        @endif
                        @csrf

                            <div class="form-group row">
                                <label for="name" class="col-md-4 col-form-label text-md-right">Nombre</label>
                                <div class="col-md-6">
                                    <input id="name" type="text" class="form-control @error('name') is-invalid @enderror"
                                        name="name" value="{{ old('name', isset($edit) ? $categoria->name : '') }}" required autofocus>
                                    @error('name')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="priority" class="col-md-4 col-form-label text-md-right">Prioridad</label>
                                <div class="col-md-6">
                                    <input id="priority" type="number" min="0" step="any"
                                        class="form-control @error('priority') is-invalid @enderror" name="priority"
                                        value="{{ old('priority', isset($edit) ? $categoria->priority : '') }}" required>
                                    @error('priority')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="table" class="col-md-4 col-form-label text-md-right">Tipo</label>
                                <div class="col-md-6">
                                    <select id="table" class="form-control @error('table') is-invalid @enderror" name="table" required>
                                        <option value="platillo"{{ (isset($edit) && $categoria->table == 'platillo')? 'selected' : '' }} {{(!isset($edit)) ? 'selected' : ''}}>Platillos</option>
                                        <option value="extra_categories"   {{ (isset($edit) && $categoria->table == 'extra_categories')   ? 'selected' : '' }}>Extra</option>
                                        <option value="orders"   {{ (isset($edit) && $categoria->table == 'orders')   ? 'selected' : '' }}>Tipo de Orden</option>
                                    </select>

                                    @error('table')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="form-group row">
                                <label for="hora_inicio" class="col-md-4 col-form-label text-md-right">Hora Inicio</label>
                                <div class="col-md-6">
                                    <input id="hora_inicio" type="time" min="0" step="any"
                                        class="form-control @error('hora_inicio') is-invalid @enderror" name="hora_inicio"
                                        value="{{ old('hora_inicio', isset($edit) ? $categoria->hora_inicio : '00:00:00') }}" required>
                                    @error('hora_inicio')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="form-group row">
                                <label for="hora_fin" class="col-md-4 col-form-label text-md-right">Hora Fin</label>
                                <div class="col-md-6">
                                    <input id="hora_fin" type="time" 
                                        class="form-control @error('hora_fin') is-invalid @enderror" name="hora_fin"
                                        value="{{ old('hora_fin', isset($edit) ? $categoria->hora_fin : '23:59:00') }}" required>
                                    @error('hora_fin')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-12 text-center">
                                    <input type="submit" class="btn btn-primary" value="Guardar" />
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection