@component('bootstrap::modal',['id'=>'modal-add-new-value'])
    @slot('title')
        <i class="fa fa-plus"></i> Adicionar novo valor
    @endslot

    <div class="row">
        <div class="col-md-12">
            <form id="form-modal-add-new-value">
                <div class="form-group">
                    <label for="title_item">Título do Item</label>
                    <input type="text" class="form-control" id="title_item" name="title_item">
                </div>

                <div class="form-group">
                    <label for="Value_item">Valor do Item</label>
                    <input type="text" class="form-control only-number" id="Value_item" name="Value_item"
                           data-accept-dot="1" data-accept-comma="1" data-accept-minus="1" maxlength="40">
                </div>
            </form>
        </div>
    </div>

    @slot('footer')
        <button type="button" data-dismiss="modal" class="btn btn-secondary btn-custom waves-effect w-md m-b-5">
            <i class="ion ion-md-close m-r-5"></i> Fechar
        </button>
        <button type="button" id="btn-save-new-value" class="btn btn-success btn-custom waves-effect w-md m-b-5">
            <i class="fa fa-check m-r-5"></i> Salvar
        </button>
    @endslot
@endcomponent