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

        @slot('title')
            Agregar Área
        @endslot

        @slot('action')
            <form id="create_area_form" class="" method="POST" action="{{url('areas/store')}}" role="form" enctype="multipart/form-data" novalidate>
        @endslot

        @slot('form')
            {{ csrf_field() }}

            <div class="form-row">
                <div class="form-group col-md-12">
                    <label class="font-weight-bold" for="area" class="">Área</label>
                    <input type="text" class="form-control" placeholder="Nombre de área" id="area" name="area" autocomplete="off" autofocus="off">
                </div>
            </div>

            <div class="form-row">
                <div class="form-group col-md-12">
                    <label class="font-weight-bold" for="id_estado_empresa">Módulos</label>
                    <select class="selectpicker form-control" title="--Selecciona--" data-live-search="true" id="modulos" name="modulos[]" multiple data-actions-box="true">
                        {{--<option selected disabled>Selecciona estado...</option>--}}
                        @foreach ($categorias as $categoria)
                            <optgroup label="{{$categoria->nombre}}">
                                @foreach ($categoria->modulos as $modulo)
                                <option value="{{$modulo->id_modulo}}">{{$modulo->nombre}}</option>
                                @endforeach
                            </optgroup>
                        @endforeach
                    </select>
                </div>
            </div>

        @endslot

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