@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
@stop

@section('menu')
    @include('menu.recursos_humanos')
@stop

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-8">
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="text-muted">{{'Ficha Trabajador - crear'}}</h3>
                </div>
            </div>
            <div class="col-md-12 color_red" id="comentario"></div>
            <form action="{{ route('fichas.store') }}" method="POST">
                @csrf
                <div class="small-box bg-white espacio5">
                    <div class="row">
                        <div class="col-md-12 espacio5">
                            <div class="row costado_corto">
                                <div class="col-md-3">
                                    <span class="badge text-black badge-default">Codigo</span>
                                    <input id="codigo" name="codigo" type="text" onblur="existe_ficha(this)" class="form-control form-control-sm">
                                </div>
                                <div class="col-md-3">
                                    <span class="badge text-black badge-default">Rut</span>
                                    <input id="rut" name="rut" type="text" onblur="validar_rut(this)" placeholder="99999999-9" class="form-control form-control-sm ">
                                </div>
                                <div class="col-md-3">
                                    <span class="badge text-black badge-default">Pasaporte</span>
                                    <input id="pasaporte" name="pasaporte" type="text" class="form-control form-control-sm ">
                                </div>
                            </div>
                            <div class="row costado_corto">
                                <div class="col-md-5 espacio5">
                                    <span class="badge text-black badge-default">Nombres</span>
                                    <input id="nombres" name="nombres" type="text" required class="form-control form-control-sm">
                                </div>
                                <div class="col-md-3 espacio5">
                                    <span class="badge text-black badge-default"> Apellido Paterno</span>
                                    <input id="apellido_paterno" name="apellido_paterno" type="text" required class="form-control form-control-sm">
                                </div>
                                <div class="col-md-3 espacio5">
                                    <span class="badge text-black badge-default"> Apellido Materno</span>
                                    <input id="apellido_paterno" name="apellido_paterno" type="text" class="form-control form-control-sm">
                                </div>
                            </div>
                        </div>    
                        <div class="col-md-12 espacio10"></div>
                    </div>
                </div>

                <div class="small-box bg-white espacio5">
                    <div class="row">
                        <div class="col-md-12 espacio5">
                            <div class="row costado_corto">
                                <div class="col-md-3">
                                    <span class="badge text-black badge-default"> Fecha Nacimiento</span>
                                    <input id="fecha_nacimiento" name="fecha_nacimiento" type="date" class="form-control form-control-sm">
                                </div>
                                <div class="col-md-3">
                                    <span class="badge text-black badge-default"> Estado Civil</span>
                                    <select id="estado_civil" name="estado_civil" class="form-control form-control-sm">
                                        <option value="">{{'Seleccionar'}}</option>
                                        @foreach ($estado_civiles as $estado_civil)
                                            <option value="{{$estado_civil->id}}">{{$estado_civil->nombre}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <span class="badge text-black badge-default"> Sexo</span>
                                    <select id="sexo" name="sexo" class="form-control form-control-sm">
                                        <option value="">{{'Seleccionar'}}</option>
                                        @foreach ($sexos as $sexo)
                                            <option value="{{$sexo->id}}">{{$sexo->nombre}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row costado_corto">
                                <div class="col-md-8 espacio5">
                                    <span class="badge text-black badge-default">Direccion</span>
                                    <input id="direccion" name="direccion" type="text" class="form-control form-control-sm">
                                </div>
                                <div class="col-md-3 espacio5">
                                    <span class="badge text-black badge-default"> Comuna</span>
                                    <select id="comuna" name="comuna" class="form-control form-control-sm">
                                        <option value="">{{'Seleccionar'}}</option>
                                        @foreach ($comunas as $comuna)
                                            <option value="{{$comuna->codigo}}">{{$comuna->nombre}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 espacio10"></div>   
                    </div>
                </div>

                <div class="small-box bg-white espacio5">
                    <div class="row">
                        <div class="col-md-12 espacio5">
                            <div class="row costado_corto">
                                <div class="col-md-8 espacio5">
                                    <span class="badge text-black badge-default"> Email</span>
                                    <input id="email" name="email" type="email" class="form-control form-control-sm">
                                </div>
                                <div class="col-md-3 espacio5">
                                    <span class="badge text-black badge-default"> Telefono</span>
                                    <input id="telefono" name="telefono" type="text" class="form-control form-control-sm">
                                </div>
                            </div>
                            <div class="row costado_corto">
                                <div class="col-md-3">
                                    <span class="badge text-black badge-default"> Nacionalidad</span>
                                    <select id="nacionalidad" name="nacionalidad" class="form-control form-control-sm">
                                        <option value="">{{'Seleccionar'}}</option>
                                        @foreach ($nacionalidades as $nacionalidad)
                                            <option value="{{$nacionalidad->codigo}}">{{$nacionalidad->nombre}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div> 
                        <div class="col-md-12 espacio10"></div>   
                    </div>
                </div>

                <div class="row espacio30">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-6">
                                <button type="button" onclick="volver_ficha()" class="btn btn-sm btn-danger">Cancelar</button>
                                <button type="submit" class="btn btn-sm btn-primary">Aceptar</button>
                            </div>
                            <div class="col-md-6"></div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@stop

@section('scripts')
    <script src="{{ asset('js/jquery/jquery-3.5.1.js') }}" defer></script>
    <script src="{{ asset('js/jquery/jquery.min.js') }}" defer></script>
    <script src="{{ asset('js/bootstrap/bootstrap.bundle.min.js') }}" defer></script>
    <script src="{{ asset('js/recursos_humanos.js') }}" defer></script>
    <script src="{{ asset('js/scripts.js') }}" defer></script>
@stop