@extends('template.layout')


@section('styles')
    <link href="{{asset('css/icheck/skins/all.css')}}" rel="stylesheet" type="text/css"/>
    <style>
        .modal {
            text-align: center;
            padding: 0!important;
        }

        .modal:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }

        .modal-dialog {
            display: inline-block;
            text-align: left;
            vertical-align: middle;
        }

        #edit-comment, #delete-comment{
            text-transform: uppercase;
            color: #999;
            background-color: transparent;
            border: none;
        }
    </style>
@endsection

@section('content')
    <h1 class="page-title">
        Bienestar Institucional
    </h1>
    <div class="portlet light bordered">
        <div class="portlet-title col-12">
            <h3>Ficha del alumno</h3>
        </div>
        <div class="portlet-body">
            <div class="portlet-body form">
                <div class="form-wizard">
                    <div class="form-body">
                        <ul class="nav nav-pills nav-justified steps">
                            <li class="active">
                                <a href="#tab1" data-toggle="tab" class="step">
                                    <span class="number" style="width:auto!important; height: auto!important;"> <img src="{{ asset('img/icon/perfil.png') }}" style="width:100%; height: 100%;"/></span>
                                    <span class="desc">
                                    <i class="fa fa-check"></i> Datos Personales </span>
                                </a>
                            </li>
                            <li>
                                <a href="#tab2" data-toggle="tab" class="step">
                                    <span class="number" style="width:auto!important; height: auto!important;"> <img src="{{ asset('img/icon/salud.png') }}" style="width:100%; height: 100%;"/> </span>
                                    <span class="desc"><i class="fa fa-check"></i> Salud </span>
                                </a>
                            </li>
                            <li>
                                <a href="#tab3" data-toggle="tab" class="step active">
                                    <span class="number" style="width:auto!important; height: auto!important;"> <img src="{{ asset('img/icon/vivienda.png') }}" style="width:100%; height: 100%;"/> </span>
                                    <span class="desc"><i class="fa fa-check"></i> Vivienda </span>
                                </a>
                            </li>
                            <li>
                                <a href="#tab4" data-toggle="tab" class="step">
                                    <span class="number" style="width:auto!important; height: auto!important;"> <img src="{{ asset('img/icon/deporte.png') }}" style="width:100%; height: 100%;"/> </span>
                                    <span class="desc"><i class="fa fa-check"></i> Recreación y Cultura </span>
                                </a>
                            </li>
                            <li>
                                <a href="#tab5" data-toggle="tab" class="step">
                                    <span class="number" style="width:auto!important; height: auto!important;"> <img src="{{ asset('img/icon/iglesia.png') }}" style="width:100%; height: 100%;"/> </span>
                                    <span class="desc">
                                                                <i class="fa fa-check"></i> Aspecto Religioso </span>
                                </a>
                            </li>
                            <li>
                                <a href="#tab6" data-toggle="tab" class="step">
                                    <span class="number" style="width:auto!important; height: auto!important;"> <img src="{{ asset('img/icon/comentario.png') }}" style="width:100%; height: 100%;"/> </span>
                                    <span class="desc">
                                                                <i class="fa fa-check"></i> Preguntas </span>
                                </a>
                            </li>
                            <li>
                                <a href="#tab7" data-toggle="tab" class="step">
                                    <span class="number" style="width:auto!important; height: auto!important;"> <img src="{{ asset('img/icon/comentario.png') }}" style="width:100%; height: 100%;"/> </span>
                                    <span class="desc">
                                                                <i class="fa fa-check"></i> Comentarios </span>
                                </a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="tab1">
                                <div class="portlet">
                                    <div class="portlet-body form">
                                        <form action="{{ route('gestion.bienestar.personal.post') }}" id="form-personal" method="POST">
                                            <input type="hidden" name="fichaid" value="{{ $id }}"/>
                                            <div class="form-body">
                                                <h3 class="form-section font-green sbold uppercase">Datos Personales del Estudiante</h3>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label class="control-label">Nombre</label>
                                                                <input type="text" name="nombre" class="form-control" placeholder="">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label class="control-label">Apellido Paterno</label>
                                                                <input type="text" name="apellido_paterno" class="form-control" placeholder="">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label class="control-label">Apellido Materno</label>
                                                                <input type="text" name="apellido_materno" class="form-control" placeholder="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">Domicilio</label>
                                                                <input type="text" name="domicilio" class="form-control" placeholder="">
                                                            </div>
                                                        </div>
                                                        <!--/span-->
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">Departamento</label>
                                                                <select id="departamento" name="departamento" class="form-control"></select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">Provincia</label>
                                                                <select class="form-control" data-placeholder="Seleccionar" tabindex="1" name="provincia" id="provincia">
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">Distrito</label>
                                                                <select class="form-control" data-placeholder="Seleccionar" tabindex="1" name="distrito" id="distrito">
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">Teléfono</label>
                                                                <input type="text" name="phone" class="form-control" placeholder="">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">Fecha de Nacimiento</label>
                                                                <input name="datenac" type="text" class="form-control" readonly>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">DNI</label>
                                                                <input type="text" name="DNI" id="dni" class="form-control" placeholder="" readonly>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">E-mail</label>
                                                                <input type="email" name="email" class="form-control" placeholder="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Colegio de Procedencia</label>
                                                                <input type="text" name="cprocedencia" class="form-control" placeholder="">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">Tipo de Colegio</label>
                                                                <select class="form-control" data-placeholder="Tipo de Colegio" name="tipocolegio" tabindex="1" id="tipocolegio">
                                                                    <option value="Estatal">Estatal</option>
                                                                    <option value="Particular">Particular</option>
                                                                    <option value="Particular">Particular</option>
                                                                    <option value="Otros">Otros</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">Estado Civil</label>
                                                                <select class="form-control" data-placeholder="Estado Civil" name="estadocivil" tabindex="1" id="estadocivil">
                                                                    <option value="Soltero(a)">Soltero(a)</option>
                                                                    <option value="Divorciado(a)">Divorciado(a)</option>
                                                                    <option value="Casado(a)">Casado(a)</option>
                                                                    <option value="Viudo(a)">Viudo(a)</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label>Seguro</label>
                                                                <input type="text" name="seguro" class="form-control" placeholder="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label>Cantidad de hijos</label>
                                                                <input type="number" name="canthijos" class="form-control" placeholder="" min="0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-actions">
                                                    <div class="row">
                                                        <div class="col-md-12" style="text-align: center;">
                                                            <button type="submit" class="btn green button-submit"> Guardar
                                                                <i class="fa fa-check"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab2">
                                <div class="portlet box">
                                    <div class="portlet-body form">
                                        <form action="{{ route('gestion.bienestar.salud.post') }}" id="form-salud" method="POST">
                                            <input type="hidden" name="saludid" value="{{ $id }}" />
                                            <input type="hidden" name="id_salud"/>
                                            <div class="form-body">
                                                <h3 class="form-section font-green sbold uppercase">Salud</h3>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="control-label">Alergias</label>
                                                                <input type="text" name="alergias" class="form-control" placeholder="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="control-label">Antecedentes: Enfermedades Actuales</label>
                                                                <input type="text" name="antecedentes" class="form-control" placeholder="Enfermedades Actuales">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">Hábitos: Tabaco</label>
                                                                <select class="form-control" data-placeholder="No" tabindex="1" name="tabaco" id="tabaco">
                                                                    <option value="1">No</option>
                                                                    <option value="2">Si</option>
                                                                    <option value="3">A Veces</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <label class="control-label">Alcohol</label>
                                                                <select class="form-control" data-placeholder="No" tabindex="1" name="alcohol" id="alcohol">
                                                                    <option value="1">No</option>
                                                                    <option value="2">Si</option>
                                                                    <option value="3">A Veces</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">Hábitos Alimenticios: Desayuno</label>
                                                                <select class="form-control" data-placeholder="No" tabindex="1" name="desayuno" id="desayuno">
                                                                    <option value="1">No</option>
                                                                    <option value="2">Si</option>
                                                                    <option value="3">A Veces</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <label class="control-label">Almuerzo</label>
                                                                <select class="form-control" data-placeholder="No" tabindex="1" name="almuerzo" id="almuerzo">
                                                                    <option value="1">No</option>
                                                                    <option value="2">Si</option>
                                                                    <option value="3">A Veces</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <label class="control-label">Cena</label>
                                                                <select class="form-control" data-placeholder="No" tabindex="1" name="cena" id="cena">
                                                                    <option value="1">No</option>
                                                                    <option value="2">Si</option>
                                                                    <option value="3">A Veces</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label>Vacunas Recibidas</label>
                                                                <div class="mt-checkbox-inline">
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="hepa" name="hepa"> Hepatitis A
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="hepb" name="hepb"> Hepatitis B
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt">
                                                                        <input type="checkbox" id="tetano" name="tetano"> Tétano
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="difteria" name="difteria"> Difteria
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="tbc" name="tbc"> TBC
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="influenza" name="influenza"> Influenza
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Otras</label>
                                                                <input type="text" id="otrasvacunas" name="otrasvacunas" class="form-control" placeholder="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="control-label">Grupo Sanguíneo</label>
                                                                <select class="form-control" data-placeholder="Grupo Sanguíneo" name="gruposanguineo" tabindex="1" id="gruposanguineo">
                                                                    <option value=""></option>
                                                                    <option value="AB+">AB+</option>
                                                                    <option value="AB-">AB-</option>
                                                                    <option value="A+">A+</option>
                                                                    <option value="A-">A-</option>
                                                                    <option value="B+">B+</option>
                                                                    <option value="B-">B-</option>
                                                                    <option value="O+">O+</option>
                                                                    <option value="O-">O-</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <h4 class="form-section font-green sbold uppercase">Enfermedades Actuales en la Familia</h4>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Papá</label>
                                                                <input type="text" id="enfpapa" name="enfpapa" class="form-control">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Mamá</label>
                                                                <input type="text" id="enfmama" name="enfmama" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Hermanos con quienes vivo</label>
                                                                <input type="text" id="enfhmno" name="enfhmno" class="form-control">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Otros</label>
                                                                <input type="text" id="enfotros" name="enfotros" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-actions">
                                                    <div class="row">
                                                        <div class="col-md-12" style="text-align: center;">
                                                            <button type="submit" class="btn green button-submit"> Guardar
                                                                <i class="fa fa-check"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab3">
                                <div class="portlet box">
                                    <div class="portlet-body form">
                                        <form action="{{ route('gestion.bienestar.vivienda.post') }}" id="form-vivienda" method="POST">
                                            <input type="hidden" name="viviendaid" value="{{ $id }}" />
                                            <div class="form-body">
                                                <h3 class="form-section font-green sbold uppercase">Vivienda</h3>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Zona</label>
                                                                <select class="form-control" data-placeholder="No" tabindex="1" name="zona" id="zona">
                                                                    <option value="1">Residencial</option>
                                                                    <option value="2">Urbana</option>
                                                                    <option value="3">AA.HH.</option>
                                                                    <option value="4">Invasión</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Servicios Públicos</label>
                                                                <div class="mt-checkbox-inline">
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="vereda" name="vereda"> Veredas
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="luz" name="luz"> Luz
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt">
                                                                        <input type="checkbox" id="posta" name="posta"> Posta Médica
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="parque" name="parque"> Parques
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-8">
                                                            <div class="form-group">
                                                                <label class="control-label">Tipo de Vivienda</label>
                                                                <select class="form-control" data-placeholder="No" tabindex="1" id="tipovivienda" name="tipovivienda">
                                                                    <option value="1">Casa</option>
                                                                    <option value="2">Casa en condminio</option>
                                                                    <option value="3">Dpto. en edificio</option>
                                                                    <option value="4">Dpto. en quinta</option>
                                                                    <option value="5">Callejónen Solar</option>
                                                                    <option value="6">Cuarto</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label class="control-label">Otro</label>
                                                                <input type="text" id="otravivienda" name="otravivienda" class="form-control" placeholder="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-8">
                                                            <div class="form-group">
                                                                <label class="control-label">Tenencia</label>
                                                                <select class="form-control" data-placeholder="No" tabindex="1" id="tenencia" name="tenencia">
                                                                    <option value="1">Propia</option>
                                                                    <option value="2">Alquiler-Venta</option>
                                                                    <option value="3">Alquilada</option>
                                                                    <option value="4">Prestada</option>
                                                                    <option value="5">Compartida</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label class="control-label">Otro</label>
                                                                <input type="text" id="tenenciao" name="tenenciao" class="form-control" placeholder="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label class="control-label">Área construida</label>
                                                                <input type="text" id="areacons" name="areacons" class="form-control" placeholder="">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label class="control-label">Estructura</label>
                                                                <select class="form-control" id="estructura" name="estructura" data-placeholder="No" tabindex="1">
                                                                    <option value="1">Ladrillo y Concreto</option>
                                                                    <option value="2">Adobe</option>
                                                                    <option value="3">Quincha</option>
                                                                    <option value="4">Madera</option>
                                                                    <option value="5">Estera</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label class="control-label">Condición</label>
                                                                <select class="form-control" id="condicion" name="condicion" data-placeholder="No" tabindex="1">
                                                                    <option value="1">Acabada</option>
                                                                    <option value="2">En construcción</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="control-label">Servicios</label>
                                                                <div class="mt-checkbox-inline">
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="sagua" name="sagua"> Agua
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="sdesague" name="sdesague"> Desague
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt">
                                                                        <input type="checkbox"  id="sbanio" name="sbanio"> Baño
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="stelefono" name="stelefono"> Teléfono
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="scable" name="scable"> Cable
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="sinternet" name="sinternet"> Internet
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="spozo" name="spozo"> Pozo Séptico
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-actions">
                                                    <div class="row">
                                                        <div class="col-md-12" style="text-align: center;">
                                                            <button type="submit" class="btn green button-submit"> Guardar
                                                                <i class="fa fa-check"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab4">
                                <div class="portlet box">
                                    <div class="portlet-body form">
                                        <form action="{{ route('gestion.bienestar.cultura.post') }}" id="form-cultura" method="POST">
                                            <input type="hidden" name="culturaid" value="{{ $id }}" />
                                            <div class="form-body">
                                                <h3 class="form-section font-green sbold uppercase">Recreación y Cultura</h3>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Deporte</label>
                                                                <div class="mt-checkbox-inline">
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="dvoley" name="dvoley"> Vóley
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="dfutbol" name="dfutbol"> Fútbol
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="dbasquet" name="dbasquet"> Básquet
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="datletismo" name="datletismo"> Atletismo
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="dnatacion" name="dnatacion"> Natación
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <label class="control-label">Otro</label>
                                                                <input type="text" id="dotro" name="dotro" class="form-control">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label class="control-label">Lugar donde practicas:</label>
                                                                <input type="text" id="dlugar" name="dlugar" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-8">
                                                            <div class="form-group">
                                                                <label class="control-label">Habilidades Artísticas</label>
                                                                <div class="mt-checkbox-inline">
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="hmusica" name="hmusica"> Música
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="hdanza" name="hdanza"> Danza
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt">
                                                                        <input type="checkbox" id="hteatro" name="hteatro"> Teatro
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="hcanto" name="hcanto"> Canto
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="hdibujo" name="hdibujo"> Dibujo
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="hpintura" name="hpintura"> Pintura
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="hpintura" name="hpintura"> Manualidades
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label class="control-label">Otros</label>
                                                                <input type="text" id="hotro" name="hotro" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="control-label">Empleo del Tiempo Libre: Hobby</label>
                                                                <input type="text" id="hobby" name="hobby" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-actions">
                                                    <div class="row">
                                                        <div class="col-md-12" style="text-align: center;">
                                                            <button type="submit" class="btn green button-submit"> Guardar
                                                                <i class="fa fa-check"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab5">
                                <div class="portlet box">
                                    <div class="portlet-body form">
                                        <form action="{{ route('gestion.bienestar.religioso.post') }}" id="form-religion" method="POST">
                                            <input type="hidden" name="religionid" value="{{ $id }}" />
                                            <div class="form-body">
                                                <h3 class="form-section font-green sbold uppercase">Aspecto Religioso</h3>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Religion</label>
                                                                <select class="form-control" id="religion" name="religion" data-placeholder="Religión" tabindex="1">
                                                                    <option value="1">Católica</option>
                                                                    <option value="2">Evangélica</option>
                                                                    <option value="3">Testigo de Jehová</option>
                                                                    <option value="4">Otra</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Parroquia o Comunidad</label>
                                                                <input type="text" id="parroquia" name="parroquia" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Sacramentos Recibidos</label>
                                                                <div class="mt-checkbox-inline">
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="sbautizo" name="sbautizo"> Bautizo
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="scomunion" name="scomunion"> Primera Comunión
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt">
                                                                        <input type="checkbox" id="sconfirmacion" name="sconfirmacion"> Confirmación
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="smatrimonioc" name="smatrimonioc"> Matrimonio Civil
                                                                        <input type="checkbox" id="smatrimonioc" name="smatrimonioc"> Matrimonio Civil
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt-checkbox">
                                                                        <input type="checkbox" id="smatrimonior" name="smatrimonior"> Matrimonio Religioso
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Otro</label>
                                                                <input type="text" id="sotro" name="sotro" class="form-control">
                                                            </div>
                                                        </div>
                                                        <div class="form-actions">
                                                            <div class="row">
                                                                <div class="col-md-12" style="text-align: center;">
                                                                    <button type="submit" class="btn green button-submit"> Guardar
                                                                        <i class="fa fa-check"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab6">
                                <div class="portlet box">
                                    <div class="portlet-body form">
                                        <form action="{{ route('gestion.bienestar.preguntas.post') }}" id="form-comentario" method="POST">
                                            <input type="hidden" name="comentarioid" value="{{ $id }}" />
                                            <div class="form-body">
                                                <h3 class="form-section font-green sbold uppercase">Preguntas Personales</h3>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="control-label">1. ¿Qué te motivó a optar por la carrera docente? ¿En tu entorno familiar hay docentes?</label>
                                                                <input type="text" id="rpta1" name="rpta1" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">2. ¿Te preparaste en la academia?</label>
                                                                <input type="text" id="rpta2a" name="rpta2a" class="form-control">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">¿Dónde?</label>
                                                                <input type="text" id="rpta2b" name="rpta2b" class="form-control">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">¿Cuánto Tiempo?</label>
                                                                <input type="text" id="rpta2c" name="rpta2c" class="form-control">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label class="control-label">Costo Mensual</label>
                                                                <input type="text" id="rpta2d" name="rpta2d" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="control-label">3. ¿Tus padres u otras personas, están de acuerdo y te apoyan para estudiar la carrera?</label>
                                                                <input type="text" id="rpta3" name="rpta3" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="control-label">4. ¿Cuáles son tus mayores dificultades para emprender la carrera?</label>
                                                                <input type="text" id="rpta4" name="rpta4" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">5. ¿Cuentas con ambiente y condiciones para estudiar?</label>
                                                                <div class="mt-checkbox-inline">
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="rpta5a" name="rpta5a"> Cuarto Privado
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" id="rpta5b" name="rpta5b"> Área Común
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="mt-checkbox mt">
                                                                        <input type="checkbox" id="rpta5c" name="rpta5c"> Computadora
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label class="control-label">Otros</label>
                                                                <input type="text" id="rpta5d" name="rpta5d" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-12">
                                                            <label class="control-label">6. ¿Has estudiado alguna carrera y/o idiomas?Dónde?</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Carrera</label>
                                                                <input id="rpta6a" name="rpta6a" id="pais" class="form-control">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">¿Dónde?</label>
                                                                <input type="text" id="rpta6b" name="rpta6b" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Idiomas</label>
                                                                <input type="text" id="rpta6c" name="rpta6c" class="form-control">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">¿Dónde?</label>
                                                                <input type="text" id="rpta6d" name="rpta6d" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-actions">
                                                    <div class="row">
                                                        <div class="col-md-12" style="text-align: center;">
                                                            <button type="submit" class="btn green button-submit"> Guardar
                                                                <i class="fa fa-check"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab7">
                                <div class="portlet box">
                                    <div class="portlet-body form">
                                        <div class="portlet light" id="portlet-comments">
                                            <div class="portlet-title">
                                                <div class="caption">
                                                    <h3 class="font-green sbold uppercase">Comentarios</h3>
                                                </div>
                                                <div class="tools">
                                                    <div class="btn-group">
                                                        <a title="Agregar comentario" id="btn-add" data-toggle="modal" class="btn btn-circle btn-icon-only blue">
                                                            <i class="fa fa-plus"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="portlet-body">
                                                <div class="tab-content">
                                                    <div class="scroller">
                                                        <div class="mt-comments">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="add-comments" class="modal fade" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <form action="{{ route('gestion.bienestar.comentarios.post') }}" id="form-comment-add" method="POST">
                {{ csrf_field() }}
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" aria-hidden="true"></button>
                        <h4 class="modal-title">Agregar comentario</h4>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="id" value="{{ $id }}">
                        <div class="form-group">
                            <label>Comentario</label>
                            <textarea class="form-control" name="comment" rows="3" required></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn dark btn-outline">Cerrar</button>
                        <button type="submit" class="btn green">Guardar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div id="edit-comments" class="modal fade" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <form action="{{ route('gestion.bienestar.comentarios.editar.post') }}" id="form-comment-edit" method="POST">
                {{ csrf_field() }}
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" aria-hidden="true"></button>
                        <h4 class="modal-title">Editar comentario</h4>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" id="txt-edit-id" name="id">
                        <div class="form-group">
                            <label>Comentario</label>
                            <textarea class="form-control" id="txt-comment" name="comment" rows="3" required></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn dark btn-outline">Cerrar</button>
                        <button type="submit" class="btn green">Guardar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection

@section('scripts')

    <script src="{{ asset('plugins/jquery-slimscroll/jquery.slimscroll.js') }}" type="text/javascript"></script>
    <script src="{{asset('plugins/moment.min.js')}}" type="text/javascript"></script>
    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
    </script>
    <script>
        var id = "{{ $id }}";
        var dep = "{{ url('departamento') }}";
        var prov = "{{ url('provincia') }}";
        var dis = "{{ url('distrito') }}";
        var url_personal_post = "{{ route('gestion.bienestar.personal.post') }}";
        var url_personal_get = "{{ route('gestion.bienestar.personal.get') }}";
        var url_salud_post = "{{ route('gestion.bienestar.salud.post') }}";
        var url_salud_get = "{{ route('gestion.bienestar.salud.get') }}";
        var url_vivienda_post = "{{ route('gestion.bienestar.vivienda.post') }}";
        var url_vivienda_get = "{{ route('gestion.bienestar.vivienda.get') }}";
        var url_cultura_post = "{{ route('gestion.bienestar.cultura.post') }}";
        var url_cultura_get = "{{ route('gestion.bienestar.cultura.get') }}";
        var url_religioso_post = "{{ route('gestion.bienestar.religioso.post') }}";
        var url_religioso_get = "{{ route('gestion.bienestar.religioso.get') }}";
        var url_preguntas_post = "{{ route('gestion.bienestar.preguntas.post') }}";
        var url_preguntas_get = "{{ route('gestion.bienestar.preguntas.get') }}";
        var url_comentario_post = "{{ route('gestion.bienestar.comentarios.post') }}";
        var url_comentario_editar_post = "{{ route('gestion.bienestar.comentarios.editar.post') }}";
        var url_comentario_get = "{{ route('gestion.bienestar.comentarios.get') }}";
        var url_comentario_editar_get = "{{ route('gestion.bienestar.comentario.editar.get','') }}";
        var url_comentario_eliminar_get = "{{ route('gestion.bienestar.comentario.delete.get','') }}";

    </script>
    <script src="{{asset('js/Bienestar/personal.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/Bienestar/salud.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/Bienestar/vivienda.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/Bienestar/cultura.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/Bienestar/religioso.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/Bienestar/preguntas.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/Bienestar/comentarios.js')}}" type="text/javascript"></script>
@endsection