

<div class="nav-tabs-custom">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tab_1" data-toggle="tab"
                              aria-expanded="false">Localización</a>
        </li>
        <li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false">En caso de
                emergencia</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tab_1">
            <div class="row">
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">País de residencia</label>
                    {!! $pais_loc !!}
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for=""><span class="text-red">*</span> Entidad Federativa</label>
                    {!! $entidad_loc !!}
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for=""><span class="text-red">*</span> Municipio</label>
                    <select id="municipio_loc" name="municipio_loc"
                            class="form-control">
                    </select>
                </div>
                <div class="col-xs-4 form-group form-group-sm">
                    <label for=""><span class="text-red">*</span> Localidad</label>
                    <select id="localidad_loc" name="localidad_loc"
                            class="form-control">
                    </select>
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">&nbsp;</label>
                    <div class="checkbox">
                        <label>
                            <input id="AceptaVisitaDom" name="AceptaVisitaDom" type="checkbox"
                                   value="">
                            Acepta visita domiciliaria
                        </label>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Código Postal</label>
                    <select id="postal_loc" name="postal_loc" class="form-control">
                    </select>
                </div>
                <div class="col-xs-3 form-group form-group-sm">
                    <label for="">Asentamiento</label>
                    <div id="bqdAsen" class="pull-right"><i  class="fa fa-search" title="Buscar asentamiento"></i></div>
                    <div id="bqdAsenCan" class="pull-right" style="display:none"><i  class="fa fa-close" title="Cerrar búsqueda"></i></div>
                    <div class="multiple">
                        <input type="text" id="prueba"  class="form-control" placeholder="Ingrese nombre de asentamiento" style="display:none">
                        <select id="asentamiento_loc" name="asentamiento_loc" class="form-control" tabindex="-1">
                        </select>
                    </div>

                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Tipo de Asentamiento</label>
                    {!! $tipo_asentamiento_loc !!}
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Tipo de Vialidad</label>
                    {!! $tipo_vialidad_loc !!}
                </div>
                <div class="col-xs-3 form-group form-group-sm">
                    <label for="">Calle</label>
                    <input id="CalleResidencia" name="CalleResidencia" type="text"
                           class="form-control" placeholder="">
                </div>
            </div>

            <div class="row">
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">N° Exterior</label>
                    <input id="NumeroExtResidencia" name="NumeroExtResidencia" type="text"
                           class="form-control" placeholder="">
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Letra</label>
                    <input id="LetraExtResidencia" name="LetraExtResidencia" type="text"
                           class="form-control" placeholder="">
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">N° Interior</label>
                    <input id="NumeroIntResidencia" name="NumeroIntResidencia" type="text"
                           class="form-control" placeholder="">
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Letra</label>
                    <input id="LetraIntResidencia" name="LetraIntResidencia" type="text"
                           class="form-control" placeholder="">
                </div>
                <div class="col-xs-4 form-group form-group-sm">
                    <label for="">Referencias (Entre Calles)</label>
                    <input id="EntreCallesResidencia" name="EntreCallesResidencia" type="text"
                           class="form-control" placeholder="">
                </div>
            </div>

            <div class="row">
                <div class="col-xs-4 form-group form-group-sm">
                    <label for="">Clave Catastral</label>
                    <input id="ClaveCatastralResidencia" name="ClaveCatastralResidencia"
                           type="text" class="form-control" placeholder="">
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Teléfono Particular</label>
                    <input maxlength="10" id="TelefonoResidencia" name="TelefonoResidencia"
                           type="text"
                           class="form-control" placeholder="">
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Teléfono Móvil (Celular)</label>
                    <input maxlength="10" id="TelefonoCelularResidencia"
                           name="TelefonoCelularResidencia"
                           type="text" class="form-control" placeholder="">
                </div>
                <div class="col-xs-4 form-group form-group-sm">
                    <label for="">Correo Electrónico</label>
                    <input id="EmailPaciente" name="EmailPaciente" type="email"
                           class="form-control" placeholder="">
                </div>
            </div>
        </div>
        <!-- /.tab-pane -->
        <div class="tab-pane" id="tab_2">
            <div class="row">
                <div class="col-xs-3 form-group form-group-sm">
                    <label for="">Nombre(s)</label>
                    <input id="NombreEmergencia" name="NombreEmergencia" type="text"
                           class="form-control" placeholder="">
                </div>
                <div class="col-xs-3 form-group form-group-sm">
                    <label for="">Primer Apellido</label>
                    <input id="PrimerApEmergencia" name="PrimerApEmergencia"
                           type="text" class="form-control" placeholder="">
                </div>
                <div class="col-xs-3 form-group form-group-sm">
                    <label for="">Segundo Apellido</label>
                    <input id="SegundoApEmergencia" name="SegundoApEmergencia" type="text"
                           class="form-control" placeholder="">
                </div>
                <div class="col-xs-3 form-group form-group-sm">
                    <label for="">Parentesco</label>
                    {!! $ParentescoEmergencia !!}
                </div>
            </div>

            <div class="row">
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">País de residencia</label>
                    {!! $pais_eme !!}
                </div>
                <div class="col-xs-3 form-group form-group-sm">
                    <label for="">Entidad Federativa</label>
                    {!! $entidad_eme !!}
                </div>
                <div class="col-xs-3 form-group form-group-sm">
                    <label for="">Municipio</label>
                    <select id="municipio_eme" name="municipio_eme" class="form-control">
                    </select>
                </div>
                <div class="col-xs-4 form-group form-group-sm">
                    <label for="">Localidad</label>
                    <select id="localidad_eme" name="localidad_eme" class="form-control">
                    </select>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Código Postal</label>
                    <select id="postal_eme" name="postal_eme" class="form-control">
                    </select>
                </div>
                <div class="col-xs-3 form-group form-group-sm">
                    <label for="">Asentamiento</label>
                    <div id="bqdAsen2" class="pull-right"><i  class="fa fa-search" title="Buscar asentamiento"></i></div>
                    <div id="bqdAsenCan2" class="pull-right" style="display:none"><i  class="fa fa-close" title="Cerrar búsqueda"></i></div>
                    <div class="multiple2">
                        <input type="text" id="prueba2"  class="form-control" placeholder="Ingrese nombre de asentamiento" style="display:none">
                        <select id="asentamiento_eme" name="asentamiento_eme" class="form-control">
                        </select>
                    </div>

                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Tipo de Asentamiento</label>
                    {!! $tipo_asentamiento_eme !!}
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Tipo de Vialidad</label>
                    {!! $tipo_vialidad_eme !!}
                </div>
                <div class="col-xs-3 form-group form-group-sm">
                <label for="">Calle</label>
                    <input id="CalleEmergencia" name="CalleEmergencia" type="text"
                           class="form-control" placeholder="">
                </div>
            </div>

            <div class="row">
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">N° Exterior</label>
                    <input id="NumeroExtEmergencia" name="NumeroExtEmergencia" type="text"
                           class="form-control" placeholder="">
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Letra</label>
                    <input id="LetraExtEmergencia" name="LetraExtEmergencia" type="text"
                           class="form-control" placeholder="">
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">N° Interior</label>
                    <input id="NumeroIntEmergencia" name="NumeroIntEmergencia" type="text"
                           class="form-control" placeholder="">
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Letra</label>
                    <input id="LetraIntEmergencia" name="LetraIntEmergencia" type="text"
                           class="form-control" placeholder="">
                </div>
            </div>

            <div class="row">
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Teléfono Particular</label>
                    <input maxlength="10" id="TelefonoEmergencia" name="TelefonoEmergencia"
                           type="text"
                           class="form-control" placeholder="">
                </div>
                <div class="col-xs-2 form-group form-group-sm">
                    <label for="">Teléfono Móvil (Celular)</label>
                    <input maxlength="10" id="TelefonoCelularEmergencia"
                           name="TelefonoCelularEmergencia"
                           type="text" class="form-control" placeholder="">
                </div>
                <div class="col-xs-4 form-group form-group-sm">
                    <label for="">Correo Electrónico</label>
                    <input id="EmailEmergencia" name="EmailEmergencia" type="email"
                           class="form-control" placeholder="">
                </div>
            </div>
        </div>
        <!-- /.tab-pane -->
    </div>
    <!-- /.tab-content -->
</div>
