@extends('painel.layout.menu')

@section('content')
    <div class="row ml-1 border-3 border-bottom border-info">
        <div class="text-uppercase">
            <h4>Novo Sabor</h4>
        </div>
        <div class="ml-auto mr-3">
            <a class="btn btn-sm btn-outline-primary" href="{{ route('sabores.index') }}" title="Voltar"><i
                    class="fas fa-arrow-left"></i>&nbsp; Voltar</a>
        </div>
    </div>

    <form action="{{ route('sabores.store') }}" method="POST">
        @csrf
        <div class="row mt-2">
            <div class="col-md-6">
                <label>Título</label>
                <input type="text" class="form-control" name="titulo" required>
            </div>
            <div class="col-md-6">
                <label>Descrição</label>
                <input type="text" class="form-control" name="descricao" required>
            </div>
        </div>

        <div class="row mt-2 d-flex">
            <div class="col-md-4">
                <label>Categoria</label>
                <select name="categoria" class="form-control" required>
                    <option></option>
                    @foreach ($categorias as $categoria)
                        <option value="{{ $categoria->id }}">{{ $categoria->titulo }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2 text-center">
                <label>GG</label>
                <input type="text" name="gg" class="form-control money" placeholder="R$">
            </div>
            <div class="col-md-2 text-center">
                <label>G</label>
                <input type="text" name="g" class="form-control money" placeholder="R$">
            </div>
            <div class="col-md-2 text-center">
                <label>M</label>
                <input type="text" name="m" class="form-control money" placeholder="R$">
            </div>
            <div class="col-md-2 text-center">
                <label>P</label>
                <input type="text" name="p" class="form-control money" placeholder="R$">
            </div>
        </div>

        <button type="submit" class="btn btn-sm btn-success float-right mt-2">Salvar</button>
    </form>
@endsection