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

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

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

        @slot('form')
            {{ csrf_field() }}
                <input type="text" class="form-control" id="id_edit_empresa_modify" name="id_edit_empresa_modify" hidden>
                <input type="text" class="form-control" id="id_cliente_factura_actual" hidden>
                <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_edit_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_edit_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/Delegación</label>
                        <input type="text" class="form-control" placeholder="Municipio/Delegación" 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>
                <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="representantes"></div>
                    </div>
                </div>
                <a class="btn btn-outline-success mb-5" type="button" title="Agregar representante" id="edit_add_representantes"><i class="icon plus circle"></i>Agregar más representantes legales</a>
                <div class="form-row">
                    <label class="form-group col-md-12 font-weight-bold">Tramitador</label>
                    <div class="form-group col-md-12" id="factura_select_container" style="display:none;">
                        <label class="font-weight-bold" for="select_factura_informe">Cliente Factura</label>
                        <select class="custom-select" id="select_factura_informe">
                            <option selected disabled>Seleccione empresa factura</option>
                        </select>
                    </div>
                    <div class="form-group col-md-12" id="tramitadores_edit">
                    </div>
                </div>
                <a class="btn btn-outline-success mb-5" type="button" title="Agregar tramitador" id="add_tramitador_edit"><i class="icon plus circle"></i>Agregar tramitador</a>
        @endslot

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