@component('fragments.modal')
        @slot('idmodal')
            ModalServicio
        @endslot

        @slot('title')
            Nuevo Servicio
        @endslot

        @slot('action')
            <form class="needs-validation" method="POST" action="{{url('create_servicio')}}" role="form" enctype="multipart/form-data">
        @endslot

        @slot('form')
            {{ csrf_field() }}
                <!--<div class="container-fluid">-->

                <ul class="nav nav-tabs" id="servicios" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="generales-tab" data-toggle="tab" href="#generales" role="tab" aria-controls="generales" aria-selected="true"></a>
                    </li>                        
                </ul>

                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="generales" role="tabpanel" aria-labelledby="generales-tab">
                        <div class="container" style="margin-top:10px;">
                            <div class="form-row">
                                <div class="form-group  col-md-12">
                                    <label class="font-weight-bold" for="servicio" class="">Servicio</label>
                                    <input type="text" class="form-control" id="servicio" name="servicio" placeholder="Servicio" required>
                                </div>
                                <div class="form-group col-md-12">
                                    <label class="font-weight-bold" for="descripcion" class="">Descripción</label>
                                    <textarea type="text" class="form-control" placeholder="Descripción" id="descripcion" name="descripcion"></textarea>
                                </div>
                                <div class="form-group col-md-12">
                                    <label class="font-weight-bold" for="moneda">Moneda</label>
                                    <select class="custom-select" id="moneda" name="moneda" required>
                                        <option value="">Seleccione la moneda en la que se estarán estos servicios…</option>
                                        <option value="Pesos mexicanos">Pesos mexicanos</option>
                                        <option value="Dólares americanos">Dólares americanos</option>
                                    </select>
                                </div>

                            </div>

                        </div>

                    </div>

                </div>


                <!--</div>-->
        @endslot

        @slot('button')
            <button type="submit" class="btn btn-primary">
                <i class="save icon"></i>Guardar
            </button>
        @endslot
    @endcomponent