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

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

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

        @slot('form')
            {{ csrf_field() }}
            <div id="modal-form-modify">

                <input type="text" id="id_area" name="id_area" hidden>

                <div class="form-row">
                    <div class="form-group col-md-12">
                        <label class="font-weight-bold" for="nombre" class="">Área</label>
                        <input type="text" class="form-control" placeholder="Nombre de área" id="nombre" 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>
            </div>

        @endslot

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