{{-- Modal para adicionar frase --}}
<div class="modal fade text-left modal-primary" id="add_requester_phrase" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Adicione uma frase </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="requester-phrase-form">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-5">
                            <label>Modalidades: </label>
                            <div class="form-group">
                                <select data-placeholder="Escolha uma modalidade" class="select2 form-control" id="phraseCategory" name="phraseCategory" required>
                                    <option value=""></option>
                                    @foreach ($categories as $category)
                                        <option value="{{ $category->id }}">{{ $category->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-7">
                            <label>Nome: </label>
                            <div class="form-group">
                                <input type="text" class="form-control" id="phraseName" name="phraseName"
                                    placeholder="Digite o nome" required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <label>Conteúdo: </label>
                            <div class="form-group">
                                <input type="text" class="form-control" id="phraseContent" name="phraseContent"
                                    placeholder="Digite o conteúdo" required>
                            </div>
                        </div>
                    </div>
                    <span id="requester-phrase-form-errors"></span>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button class="btn btn-primary" id="requester-phrase-btn">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal para editar uma frase --}}
<div class="modal fade text-left modal-primary" id="modal_edit_phrase" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Editar frase </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="phrases-form-edit">
                <input type="hidden" name="phrase_id_edit" id="phrase_id_edit">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-5">
                            <label>Modalidades: </label>
                            <div class="form-group">
                                <select data-placeholder="Escolha uma modalidade" class="select2 form-control" id="phraseCategory_edit" name="phraseCategory_edit"
                                    required>
                                    <option value=""></option>
                                    @foreach ($categories as $category)
                                        <option value="{{ $category->id }}">{{ $category->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-7">
                            <label>Nome: </label>
                            <div class="form-group">
                                <input type="text" class="form-control" name="phraseName_edit" id="phraseName_edit"
                                    value="" placeholder="Digite o nome" required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <label>Conteúdo: </label>
                            <div class="form-group">
                                <input type="text" class="form-control" name="phraseContent_edit"
                                    id="phraseContent_edit" value="" placeholder="Digite o conteúdo" required>
                            </div>
                        </div>
                    </div>
                    <span id="phrase-edit-form-errors"></span>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button class="btn btn-primary" id="phrase-edit-btn">Atualizar</button>
                </div>
            </form>
        </div>
    </div>
</div>