@extends('plantilla.master')
@section('scripts')

@endsection
@section('title',"Agregar Empleado")
@section('contenido_title',"Empleados")
@section('contenido')

<div class="formulario" id="formulario">
    <div class="card">
        <div class="card-header">
            <h4 class="text-center">Agregar Empleado</h4>
        </div>
        <div class="card-body">

            <form action="{{route('empleado.store')}}" method="POST">
                {{ csrf_field() }}
                <nav>
                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                        <a class="nav-item nav-link active" id="nav-basic-tab" data-toggle="tab" href="#nav-basic"
                            role="tab" aria-controls="nav-basic" aria-selected="true">Información basica</a>
                        <a class="nav-item nav-link" id="nav-cuenta-tab" data-toggle="tab" href="#nav-cuenta" role="tab"
                            aria-controls="nav-cuenta" aria-selected="false">Información de cuenta</a>
                        <a class="nav-item nav-link" id="nav-lugar-tab" data-toggle="tab" href="#nav-lugar" role="tab"
                            aria-controls="nav-lugar" aria-selected="false">Dirección</a>
                    </div>
                </nav>
                <div class="tab-content" id="nav-tabContent">
                    <div class="tab-pane fade show active" id="nav-basic" role="tabpanel"
                        aria-labelledby="nav-basic-tab">
                        <h5><strong>Información basica del empleado.</strong></h5><br>
                        <p>Las etiquetas marcadas con simbolo asterisco(*) son obligatorias.</p>
                        <div class="form-row">
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="clave_empleado">Clave Empleado</label>
                                <input id="clave_empleado" name="clave_empleado" placeholder="0"
                                    class="form-control {{ $errors->has('clave_empleado') ? 'is-invalid' : '' }}"
                                    value="{{ old('clave_empleado') }}" type="number">
                                {!! $errors->first('clave_empleado','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="nombre">Nombre*</label>
                                <input id="nombre" name="nombre" placeholder="Ingrese el apellido nombre"
                                    class="form-control {{ $errors->has('nombre') ? 'is-invalid' : '' }}"
                                    value="{{ old('nombre') }}" type="text" required>
                                {!! $errors->first('nombre','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="apellido_paterno">Apellido paterno*</label>
                                <input id="apellido_paterno" name="apellido_paterno"
                                    placeholder="Ingrese el apellido paterno"
                                    class="form-control {{ $errors->has('apellido_paterno') ? 'is-invalid' : '' }}"
                                    value="{{ old('apellido_paterno') }}" type="text" required>
                                {!! $errors->first('apellido_paterno','<div class="invalid-feedback">:message</div>')
                                !!}
                            </div>
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="apellido_materno">Apellido materno*</label>
                                <input id="apellido_materno" name="apellido_materno"
                                    placeholder="Ingrese el apellido materno"
                                    class="form-control {{ $errors->has('apellido_materno') ? 'is-invalid' : '' }}"
                                    value="{{ old('apellido_materno') }}" type="text" required>
                                {!! $errors->first('apellido_materno','<div class="invalid-feedback">:message</div>')
                                !!}
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="departamento">Departamento*</label>
                                <input id="departamento" name="departamento" placeholder="Ingrese el departamento"
                                    class="form-control {{ $errors->has('departamento') ? 'is-invalid' : '' }}"
                                    value="{{ old('departamento') }}" type="text" required>
                                {!! $errors->first('departamento','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="nacionalidad">Nacionalidad*</label>
                                <input id="nacionalidad" name="nacionalidad" placeholder="Ingrese la nacionalidad"
                                    class="form-control {{ $errors->has('nacionalidad') ? 'is-invalid' : '' }}"
                                    value="{{ old('nacionalidad') }}" type="text" required>
                                {!! $errors->first('nacionalidad','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="lugar_nacimiento">Lugar de nacimiento*</label>
                                <input id="lugar_nacimiento" name="lugar_nacimiento"
                                    placeholder="Ingrese el lugar de nacimiento"
                                    class="form-control {{ $errors->has('lugar_nacimiento') ? 'is-invalid' : '' }}"
                                    value="{{ old('lugar_nacimiento') }}" type="text" required>
                                {!! $errors->first('lugar_nacimiento','<div class="invalid-feedback">:message</div>')
                                !!}
                            </div>
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="fecha_nacimiento">Fecha de nacimiento*</label>
                                <input id="fecha_nacimiento" name="fecha_nacimiento" class="form-control" type="date"
                                    required>
                                {!! $errors->first('fecha_nacimiento','<div class="invalid-feedback">:message</div>')
                                !!}
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-12">
                                <label for="empresa">Empresa</label>
                                <select class="selectpicker" data-live-search="true" name="empresa" id="empresa">
                                    @foreach ($empresas as $empresa)
                                    <option value="{{$empresa->CNEMPRESA}}">{{$empresa->DXEMPRESA}}</option>
                                    @endforeach
                                </select>
                                {!! $errors->first('empresa','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="puesto">Puesto*</label>
                                <input id="puesto" name="puesto" placeholder="Ingrese puesto"
                                    class="form-control {{ $errors->has('puesto') ? 'is-invalid' : '' }}"
                                    value="{{ old('puesto') }}" type="text" required>
                                {!! $errors->first('puesto','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="tipo_empleado">Tipo empleado</label>
                                <select id="tipo_empleado" name="tipo_empleado" class="form-control">
                                    <option value="0">Sueldos y Salarios</option>
                                    <option value="1">Asimilado</option>
                                </select>
                                {!! $errors->first('tipo_empleado','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                        <h5><strong>Otros.</strong></h5><br>
                        <div class="form-row">
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="infonavit">Infonavit*</label>
                                <input id="infonavit" name="infonavit" placeholder="Ingrese su clave de infonavit"
                                    class="form-control {{ $errors->has('infonavit') ? 'is-invalid' : '' }}"
                                    value="{{ old('infonavit')}}" type="text" required>
                                {!! $errors->first('infonavit','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="antiguedad">Antigüedad*</label>
                                <input id="antiguedad" name="antiguedad"
                                    class="form-control {{ $errors->has('antiguedad') ? 'is-invalid' : '' }}"
                                    value="{{ old('antiguedad')}}" type="date" required>
                                {!! $errors->first('antiguedad','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="tipo_contrato">Tipo de contrato</label>
                            <select class="selectpicker" data-live-search="true" id="tipo_contrato" name="tipo_contrato"
                                class="form-control">
                                @foreach ($tiposcontrato as $tipo)
                                <option value="{{$tipo->CNTIPOCONTRATO}}">{{$tipo->DXTIPOCONTRATO}}</option>
                                @endforeach
                            </select>
                            {!! $errors->first('tipo_contrato','<div class="invalid-feedback">:message</div>') !!}
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-cuenta" role="tabpanel" aria-labelledby="nav-cuenta-tab">
                        <h5><strong>Información de cuenta.</strong></h5><br>
                        <div class="form-row">
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <span class=" control-label">Tramitar cuenta</span>
                                <div class="row">
                                    <div class="col-3">
                                        <div class="form-check">
                                            <input id="tramitar_cuenta" name="tramitar_cuenta" class="form-check-input" type="radio" value="1" />
                                            <label for="tramitar_cuenta" class="form-check-label">Si</label>
                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-check">
                                            <input id="tramitar_cuenta" name="tramitar_cuenta" class="form-check-input" type="radio" value="0" checked/>
                                            <label for="tramitar_cuenta" class="form-check-label">No</label>
                                        </div>
                                    </div>
                                </div>
                                {!! $errors->first('tramitar_cuenta','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="banco">Banco</label>
                                <select class="selectpicker" data-live-search="true" id="banco" name="banco">
                                    <option value="">
                                        <---SELECCIONAR BANCO -->
                                    </option>
                                    @foreach ($bancos as $banco)
                                    <option value="{{$banco->CNBANCO}}">{{$banco->DXBANCO}}</option>
                                    @endforeach
                                </select>
                                {!! $errors->first('banco','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="cuenta_clave_celular">Cuenta(11)/CLABE(18)/Celular(10)</label>
                                <input id="cuenta_clave_celular" name="cuenta_clave_celular" placeholder=""
                                    class="form-control" value="{{ old('cuenta_clave_celular') }}" type="text">
                                {!! $errors->first('cuenta_clave_celular','<div class="invalid-feedback">:message</div>
                                ') !!}
                            </div>
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="rfc">RFC*</label>
                                <input id="rfc" name="rfc"
                                    class="form-control {{ $errors->has('rfc') ? 'is-invalid' : '' }}"
                                    value="{{ old('rfc')}}" type="text" placeholder="Ingrese su RFC" required>
                                {!! $errors->first('rfc','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="curp">CURP*</label>
                                <input id="curp" name="curp" placeholder="Ingrese su curp"
                                    class="form-control {{ $errors->has('curp') ? 'is-invalid' : '' }}"
                                    value="{{ old('curp')}}" type="text" required>
                                {!! $errors->first('curp','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="nns">NNS*</label>
                                <input id="nns" name="nns"
                                    class="form-control {{ $errors->has('nns') ? 'is-invalid' : '' }}"
                                    value="{{ old('nns')}}" type="text" placeholder="Ingrese su NNS" required>
                                {!! $errors->first('nns','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-xs-12 col-sm-12 col-md-3 col-lg-3">
                                <label>Pensionado</label>
                                <div class="row">
                                    <div class="col-3">
                                        <div class="form-check">
                                            <input id="pensionado" class="form-check-input" type="radio" value="1"
                                                name="pensionado" checked>
                                            <label for="pensionado" class="form-check-label">Si</label>
                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-check">
                                            <input id="pensionado" class="form-check-input" type="radio" value="0"
                                                name="pensionado">
                                            <label for="pensionado" class="form-check-label">No</label>
                                        </div>
                                    </div>
                                </div>
                                {!! $errors->first('pensionado','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                            <div class="form-group col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                <label class=" control-label">Genero</label>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-check">
                                            <input id="genero" class="form-check-input" type="radio" value="1" name="genero" checked>
                                            <label for="genero" class="form-check-label">Masculino</label>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-check">
                                            <input id="genero" class="form-check-input" type="radio" value="0" name="genero">
                                            <label for="genero" class="form-check-label">Femenino</label>
                                        </div>
                                    </div>
                                </div>
                                {!! $errors->first('genero','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                            <div class="form-group col-xs-12 col-sm-12 col-md-5 col-lg-5">
                                <label for="estado_civil">Estado Civil</label>
                                <select id="estado_civil" name="estado_civil" class="form-control">
                                    <option value="Soltero(a)">Soltero(a)</option>
                                    <option value="Casado(a)">Casado(a)</option>
                                    <option value="Divorciado(a)">Divorciado(a)</option>
                                    <option value="Viudo(a)">Viudo(a)</option>
                                </select>
                                {!! $errors->first('estado_civil','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-lugar" role="tabpanel" aria-labelledby="nav-lugar-tab">
                        <h5><strong>Lugar donde vive.</strong></h5><br>
                        <div class="form-row">
                            <div class="form-group col-12">
                                <label for="domicilio">Domicilio*</label>
                                <input id="domicilio" name="domicilio" placeholder="Ingrese el domicilio"
                                    class="form-control {{ $errors->has('domicilio') ? 'is-invalid' : '' }}"
                                    value="{{ old('domicilio')}}" type="text" required>
                                {!! $errors->first('domicilio','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="colonia">Colonia</label>
                                <input id="colonia" name="colonia" placeholder="Ingrese la colonia"
                                    class="form-control {{ $errors->has('colonia') ? 'is-invalid' : '' }}"
                                    value="{{ old('colonia')}}" type="text" required>
                                {!! $errors->first('colonia','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="codigo_postal">Código postal*</label>
                                <input id="codigo_postal" name="codigo_postal" placeholder="Ingrese el código postal"
                                    onblur="$('#codigo_postal_labora').val(this.value);"
                                    class="form-control {{ $errors->has('codigo_postal') ? 'is-invalid' : '' }}"
                                    value="{{ old('codigo_postal')}}" type="number" required>
                                {!! $errors->first('codigo_postal','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                <label for="pais">Pais</label>
                                <select id="pais" name="pais" class="form-control">
                                    @foreach ($paises as $pais)
                                    <option value="{{$pais->CNPAIS}}">{{$pais->DXPAIS}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                <label for="estado">Estado</label>
                                <input id="estado_id" name="estado_id" style="display:none;" class="form-control"
                                    type="text" value="CHP">
                                <select class="custom-select" name="estado" id="estado"></select>
                            </div>

                            <div class="form-group col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                <label for="ciudad">Ciudad</label>
                                <input id="ciudad_id" style="display:none;" class="form-control" type="text" value="">
                                <div id="resultado_ciudad" class="align-middle text-center">
                                    <div class="spinner-border text-success " role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div>
                                </div>
                                {!! $errors->first('ciudad','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                        <h5><strong>Lugar donde labora.</strong></h5><br>
                        <div class="form-row">
                            <div class="form-group col-12">
                                <label for="domicilio_labora">Domicilio</label>
                                <input id="domicilio_labora" name="domicilio_labora"
                                    placeholder="Ingrese el domicilio laboral" class="form-control"
                                    value="{{ old('domicilio_labora')}}" type="text">
                                {!! $errors->first('domicilio_labora','<div class="invalid-feedback">:message</div>')
                                !!}
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="colonia_labora">Colonia</label>
                                <input id="colonia_labora" name="colonia_labora" placeholder="Ingrese la colonia"
                                    class="form-control" value="{{ old('colonia_labora')}}" type="text">
                                {!! $errors->first('colonia_labora','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                <label for="codigo_postal_labora">Código postal*</label>
                                <input id="codigo_postal_labora" name="codigo_postal_labora"
                                    placeholder="Ingrese el código postal"
                                    class="form-control {{ $errors->has('codigo_postal_labora') ? 'is-invalid' : '' }}"
                                    value="{{ old('codigo_postal_labora')}}" type="number">
                                {!! $errors->first('codigo_postal_labora','<div class="invalid-feedback">:message</div>
                                ') !!}
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                <label for="pais">Pais</label>
                                <select id="pais_trabajo" name="pais_trabajo" class="form-control">
                                    @foreach ($paises as $pais)
                                    <option value="{{$pais->CNPAIS}}">{{$pais->DXPAIS}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                <label for="estado">Estado</label>
                                <input id="estado_idtrab" style="display:none;" class="form-control" type="text"
                                    value="">
                                <div id="resultado_estado_trabajo" class="align-middle text-center">
                                    <div class="spinner-border text-success " role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                <label for="ciudad">Ciudad</label>
                                <input id="ciudad_idtrab" style="display:none;" class="form-control" type="text"
                                    value="">
                                <div id="resultado_ciudad_trabajo" class="align-middle text-center">
                                    <div class="spinner-border text-success " role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div>
                                </div>
                                {!! $errors->first('ciudad_labora','<div class="invalid-feedback">:message</div>') !!}
                            </div>
                        </div>
                    </div>
                </div>
        </div>
        <button type="button" id="fath_button" class="btn btn-primary animated zoomIn"><i
                class="fas fa-cog"></i></button>
        <button type="button" id="child_1" data-placement="bottom" title="Cancelar"
            class="btn btn-info animated zoomIn"><i class="fas fa-ban"></i></button>
        <button type="submit" id="child_2" data-placement="bottom" title="Agregar"
            class="btn btn-success animated zoomIn"><i class="fas fa-check"></i></button>
        <div class="form-row">
            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                <button type="submit" id="bottom_submit" class="btn btn-success btn-block" data-placement="bottom"
                    title="Agregar">
                    <i class="fas fa-check"></i> Agregar
                </button>
            </div>
            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                <a href="{{redirect()->back()->getTargetUrl()}}" class="btn btn-info btn-block" data-placement="bottom"
                    title="Cancelar">
                    <i class="fas fa-ban"></i> Cancelar
                </a>
            </div>
        </div>
        </form>
    </div>
</div>
</div>
</div>
<style>
    h5 {
        margin-top: 10px;
    }

    .btn-primary {
        border-radius: 50% !important;
        height: 45px;
        width: 45px;
    }

    #fath_button {
        box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
        position: fixed;
        bottom: 5%;
        right: 1%;
        transform: translate(-50%, -50%);
        z-index: 10001;
        text-align: center !important;
    }

    #fath_button:hover {
        cursor: pointer;
    }

    #child_1,
    #child_2 {
        height: 0px;
        width: 0px;
        border-radius: 50%;
        position: fixed;
        bottom: calc(4% + 45px);
        right: calc(0% + 45px);
        transition: 1s;
        z-index: 10000;
        cursor: pointer;
        transition: 0.2s;
    }

    .activo_1 {
        bottom: calc(7% + 50px) !important;
        right: calc(1% + 50px) !important;
        height: 40px !important;
        width: 40px !important;
    }

    @media only screen and (max-width: 569px) {
        .activo_2 {
            bottom: calc(1% + 50px) !important;
            right: calc(5% + 50px) !important;
            height: 40px !important;
            width: 40px !important;
        }
    }

    @media only screen and (min-width: 569px) {
        .activo_2 {
            bottom: calc(1% + 50px) !important;
            right: calc(3% + 50px) !important;
            height: 40px !important;
            width: 40px !important;
        }
    }
</style>
@endsection
@section('endscript')

<script>
    var ban = false;
    var path = '{{ env('APP_URL') }}';
$(document).ready(function () {

   $('#fath_button').click(function () {
       if (!ban) {
           $('#fath_button').animate({height: '40px', width: '40px'}, 100);
           $("#child_1").addClass('activo_1');
           $("#child_2").addClass('activo_2');
           ban = true;
       } else {
           $('#fath_button').animate({height: '45px', width: '45px'}, 100);
           $("#child_1").removeClass('activo_1');
           $("#child_2").removeClass('activo_2');
           ban = false;
       }
   });

});
$('#child_1').click(function () {
   location.href = "empleado";
});
window.addEventListener("scroll", function () {
   if (ban) {
       $("#child_1").removeClass('activo_1');
       $("#child_2").removeClass('activo_2');
       $('#fath_button').animate({height: '45px', width: '45px'}, 100);
   }
}, false);
</script>
<script src="{{ asset('js/countrysearch.js') }}"></script>
@endsection