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

        @slot('title')
            Nueva Empresa
        @endslot

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

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

                    <ul class="nav nav-tabs" id="clientes" 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">Generales</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-4">
                                        <label class="font-weight-bold" for="rfc" class="">RFC</label>
                                        <input type="text" class="form-control" id="rfc" name="rfc" placeholder="RFC" required>
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label class="font-weight-bold" for="razon_social" class="">Razón social</label>
                                        <input type="text" class="form-control" placeholder="Razón social" id="razon_social" name="razon_social" required>
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label class="font-weight-bold" for="codigo_postal" class="">Código Postal</label>
                                        <input type="text" class="form-control" placeholder="Código Postal" id="cp" name="cp">
                                    </div>
                                </div>

                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label class="font-weight-bold" for="email_principal" class="">Correo electrónico princial</label>
                                        <input type="email" class="form-control" placeholder="Correo electrónico princial" id="email_facturacion" name="email_facturacion" required>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label class="font-weight-bold" for="email2" class="">Correo electrónico 2</label>
                                        <input type="email" class="form-control" placeholder="Correo electrónico 2" id="email2" name="email2" required>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label class="font-weight-bold" for="email3" class="">Correo electrónico 3</label>
                                        <input type="email" class="form-control" placeholder="Correo electrónico 3" id="email3" name="email3" required>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label class="font-weight-bold" for="email4" class="">Correo electrónico 4</label>
                                        <input type="email" class="form-control" placeholder="Correo electrónico 4" id="email4" name="email4" required>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label class="font-weight-bold" for="email5" class="">Correo electrónico 5</label>
                                        <input type="email" class="form-control" placeholder="Correo electrónico 5" id="email5" name="email5" required>
                                    </div>
                                </div>

                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label class="font-weight-bold" for="tel_oficina" class="">Calle</label>
                                        <input type="text" class="form-control" placeholder="Calle" id="calle" name="calle" required>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label class="font-weight-bold" for="ext" class="">No. Exterior</label>
                                        <input type="text" class="form-control" placeholder="No. Exterior" id="numero_exterior" name="numero_exterior">
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label class="font-weight-bold" for="tel_movil" class="">No. Interior</label>
                                        <input type="text" class="form-control" placeholder="No. Interior" id="numero_interior" name="numero_interior">
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-4">
                                        <label class="font-weight-bold" for="id_estado_empresa">Estado</label>
                                        <select class="selectpicker form-control" data-live-search="true" id="id_estado_empresa" name="id_estado_empresa">
                                            <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" name="colonia">
                                    </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="municipio" name="municipio">
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label class="font-weight-bold" for="nombre" class="">Acta constitutiva</label>
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" name="url_acta_constitutiva" id="url_acta_constitutiva" lang="es">
                                            <label class="custom-file-label" for="url_acta_constitutiva">Seleccionar Archivo</label>
                                        </div>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label class="font-weight-bold" for="nombre" class="">Alta hacienda</label>
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" name="url_alta_hacienda" id="url_alta_hacienda" lang="es">
                                            <label class="custom-file-label" for="url_alta_hacienda">Seleccionar Archivo</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label class="font-weight-bold" for="nombre" class="">Poder notarial</label>
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" name="url_poder_notarial" id="url_poder_notarial" lang="es">
                                            <label class="custom-file-label" for="url_poder_notarial">Seleccionar Archivo</label>
                                        </div>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label class="font-weight-bold" for="nombre" class="">Comprobante de domicilio</label>
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" name="url_comprobante_domicilio" id="url_comprobante_domicilio" lang="es">
                                            <label class="custom-file-label" for="url_comprobante_domicilio">Seleccionar Archivo</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label class="font-weight-bold" for="notas" class="">Representantes legales</label>
                                        <textarea type="text" class="form-control" placeholder="Representantes legales" id="representantes_legales" name="representantes_legales"></textarea>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <label class="font-weight-bold" for="notas" class="">Notas</label>
                                        <textarea type="text" class="form-control" placeholder="Notas" id="notas" name="notas"></textarea>
                                    </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