@component('bootstrap::modal',['id'=>'modal-create-demais-sla'])
    @slot('title')
        <i class="fa fa-plus"></i> Adicionar novo valor - Demais SLA's
    @endslot

    <div class="row">
        <div class="col-md-12">
            <form id="form-modal-create-demais-sla">
                <div class="form-group">
                    <label for="detail_sla">Detalhe <sup>*</sup></label>
                    <input type="text" class="form-control" id="detail_sla" name="detail_sla">
                </div>

                <div class="form-group">
                    <label for="tipo_desconto_sla">Tipo de desconto <sup>*</sup></label>
                    <select class="form-control" id="tipo_desconto_sla" name="tipo_desconto_sla"></select>
                </div>

                <div class="form-group">
                    <label for="protocolo_sla">Protocolo</label>
                    <input type="text" class="form-control" id="protocolo_sla" name="protocolo_sla">
                </div>

                <div class="form-group">
                    <label for="valor_sla">Valor <sup>*</sup></label>
                    <input type="text" class="form-control only-number" id="valor_sla" name="valor_sla"
                           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-demais-sla" 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