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

        @slot('title')
            Agregar cliente informe
        @endslot

        @slot('action')
            <form id="crear_cliente_informe" class="" method="POST" action="{{url('empresa_controller/create')}}" role="form" enctype="multipart/form-data">
        @endslot

        @slot('form')
            {{ csrf_field() }}
                <!--<div class="container-fluid">-->
                    <input hidden type="text" id="id_cliente_factura_gestor" name="id_cliente_factura_gestor">
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label class="font-weight-bold" for="nombre_empresa_informe" class="">Nombre de la empresa</label>
                            <input type="text" class="form-control" id="nombre_empresa_informe" name="nombre_empresa_informe" placeholder="Nombre comercial de la empresa">
                        </div>
                    </div>

                    <hr/>
                    <label class="font-weight-bold text-center col-md-12" style="margin-bottom:10px;">Dirección</label>

                    <div class="form-row">
                        <div class="form-group col-md-6 fx-center">
                            <div class="ui checkbox">
                                <input type="checkbox" id="direccion_mayus" name="direccion_mayus" checked value="1" onclick="setCheckValue(this.checked,'Modal_nueva_empresa','direccion_mayus')">
                                <label class=" font-weight-bold" for="direccion_mayus" >Dirección en mayúscula</label>
                            </div>
                        </div>
                        <div class="form-group col-md-6 fx-center">
                            <div class="ui checkbox">
                                <input type="checkbox" id="tipo_direccion" name="tipo_direccion" value="0" onclick="singleAddress(this.checked,'Modal_nueva_empresa')">
                                <label class=" font-weight-bold" for="tipo_direccion" >Dirección Simple</label>
                            </div>
                        </div>
                    </div>

                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label class="font-weight-bold" for="calle">Dirección</label>
                            <input type="text" class="form-control" placeholder="dirección" id="direccion" name="direccion">
                        </div>
                    </div>
                    <div class="form-row">

                        <div class="form-group col-md-4">
                            <label class="font-weight-bold" for="calle">Calle</label>
                            <input type="text" class="form-control" placeholder="Calle" id="calle_informe" name="calle_informe">
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-weight-bold" for="numero_exterior_informe">Número exterior</label>
                            <input type="text" class="form-control" placeholder="Número Exterior" id="numero_exterior_informe" name="numero_exterior_informe">
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-weight-bold" for="numero_interior_informe">Número interior</label>
                            <input type="text" class="form-control" placeholder="Número interior" id="numero_interior_informe" name="numero_interior_informe">
                        </div>
                    </div>

                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label class="font-weight-bold" for="codigo_postal_informe" class="">Código postal</label>
                            <input type="text" class="form-control" placeholder="Código postal" id="codigo_postal_informe" name="codigo_postal_informe">
                        </div>
                    </div>

                    <div class="form-row">
                        <div class="form-group col-md-4">
                            <label class="font-weight-bold" for="id_estado_informe" class="">Estado</label>
                            <select class="custom-select" id="id_estado_informe" name="id_estado_informe">
                                <option selected disabled>Selecciona estado...</option>
                                @foreach ($estados as $estado)
                                    <option value="{{$estado->id_estado}}" class="text-uppercase">{{ $estado->estado }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-weight-bold" for="colonia" class="">Colonia</label>
                            <input type="text" class="form-control" placeholder="Colonia" id="colonia_informe" name="colonia_informe">
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-weight-bold" for="municipio" class="">Municipio/Delegacion</label>
                            <input type="text" class="form-control" placeholder="Municipio/Delegacion" id="delegacion_informe" name="delegacion_informe">
                        </div>
                    </div>

                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label class="font-weight-bold" for="pais" class="">País</label>
                            <input type="text" class="form-control" placeholder="País" id="pais" name="pais">
                        </div>
                    </div>

                    <hr>
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label class="font-weight-bold" for="representante_legal_informe_1">Representante legal</label>
                            <div id="rep_edit">
                            {{-- <input type="text" class="form-control" placeholder="Representante legal" id="representante_legal_informe_1" name="representante_legal_informe_1"> --}}
                            <div class="d-flex row ml-0 mr-0" id="representante_legal_informe_content_1">
                                <div class='w-90 d-flex flex-column'>
                                    <input type="text" class="form-control mt-2" placeholder="Representante legal 1" id="representante_legal_informe_1" name="representante_legal_informe_1" value="">
                                </div>
                                <div class='w-10 fx-center-end flex-row ui tiny icon buttons mt-2'>
                                    <button type="button" class="ui button red" onclick="delete_representante(1)" title="Eliminar representante legal">
                                        <i class="trash icon"></i>
                                    </button>
                                </div>
                            </div>
                            </div>
                            <div id="representantes"></div>
                            
                            </div>
                        
                    </div>
                    <a class="btn btn-outline-success mb-5" type="button" title="Agregar representante" id="add_representantes"><i class="icon plus circle"></i>Agregar más representantes legales</a>
                    <hr>
                    <div class="form-row">
                        <label class="form-group col-md-12 font-weight-bold">Tramitador</label>
                        <div class="form-group col-md-12" id="tramitadores_create">
                        </div>
                    </div>
                    <a class="btn btn-outline-success mb-5" type="button" title="Agregar tramitador" id="add_tramitador_create"><i class="icon plus circle"></i>Agregar tramitador</a>
                <!--</div>-->
        @endslot

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