@extends('layout/principal')
@section('titulo', 'Home')
@section('content')

<div class="az-content-label mg-b-20">Nueva Persona</div>


    @if (Session::has('mensaje')  )
        <div class="alert alert-warning" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            {{ Session::get('mensaje') }} 
        </div><!-- alert -->
    @endif
    <form action="{{ route('persona.store') }}"  method="post" data-parsley-validate autocomplete="off" enctype="multipart/form-data" >
        @csrf
    <div class="form-group">

        <div class="row row-xs align-items-center mg-b-20">
            <div class="col-md-3 mg-t-5 mg-md-t-0">
                <label class="az-content-label tx-gray-600">Rut</label>
                <input type="text" name="rut" id="rut" class="form-control" onchange="generaDvRut(this)" placeholder="Rut" value="{{ old('rut') }}">
            </div><!-- col -->
            <div class="col-md-2 mg-t-5 mg-md-t-0">
                <label class="az-content-label tx-gray-600">DV</label>
                <input type="text" name="dv" id="dv" class="form-control" readonly placeholder="Digito Verificador" value="{{ old('dv') }}">
            </div><!-- col -->
        </div>

        <div class="row row-xs align-items-center mg-b-20">
            <div class="col-md-4 mg-t-5 mg-md-t-0">
                <label class="az-content-label tx-gray-600">Nombres</label>
                <input type="text" name="nombres" class="form-control" placeholder="Nombres" value="{{ old('nombres') }}" required>
            </div><!-- col -->
            <div class="col-md-4 mg-t-5 mg-md-t-0">
                <label class="az-content-label tx-gray-600">Apellido Paterno</label>
                <input type="text" name="paterno" class="form-control" placeholder="Paterno" value="{{ old('paterno') }}" required>
            </div><!-- col -->
            <div class="col-md-4 mg-t-5 mg-md-t-0">
                <label class="az-content-label tx-gray-600">Apellido Materno</label>
                <input type="text" name="materno" class="form-control" placeholder="Maternos" value="{{ old('materno') }}">
            </div><!-- col -->
        </div>

        <div class="row row-xs align-items-center mg-b-20">
            <div class="col-md-3 mg-t-5 mg-md-t-0">
                <label class="az-content-label tx-gray-600">Empresa</label>
                <select id="empresa" name="empresa" class="form-control" required>
                    <option value="">Seleccione Empresa</option>
                    @foreach ($empresas as $row)
                    <option value="{{$row->id_empresa}}">{{$row->razon_social}}</option>
                    @endforeach
                </select>
            </div><!-- col -->
            <div class="col-md-3 mg-t-5 mg-md-t-0">
                <label class="az-content-label tx-gray-600">Turno</label>
                <select id="id_turno" name="id_turno" class="form-control" required>
                    <option value="0">Seleccione Turno</option>
                    @foreach ($turnos as $turno)
                    <option value="{{$turno->id_turno}}">{{$turno->nombre}}</option>
                    @endforeach
                </select>
            </div> 
            <div class="col-md-3 mg-t-5 mg-md-t-0">
                <label class="az-content-label tx-gray-600">Cargo</label>
                <select id="id_cargo" name="id_cargo" class="form-control" required>
                    <option value="0">Seleccione Cargo</option>
                    @foreach ($cargos as $cargo)
                    <option value="{{$cargo->id_cargo}}">{{$cargo->nombre}}</option>
                    @endforeach
                </select>
            </div> 
            <div class="col-md-3 mg-t-5 mg-md-t-0">
                <label class="az-content-label tx-gray-600">Numero Tarjeta</label>
                <input type="text" name="numero_tarjeta" class="form-control" placeholder="Numero de Tarjeta" value="{{ old('numero_tarjeta') }}">
            </div><!-- col -->
        </div>


        <div class="row row-xs align-items-center mg-b-20">
            
            <div class="col-md-3 mg-t-5 mg-md-t-0">
                <label class="az-content-label tx-gray-600">Email</label>
                <input type="text" name="email" class="form-control" placeholder="email" value="{{ old('email') }}">
            </div><!-- col -->
            <div class="col-md-3 mg-t-5 mg-md-t-0">
                <label class="az-content-label tx-gray-600">Telefono</label>
                <input type="text" name="telefono" class="form-control" placeholder="+56 9 xxx xx xx" value="{{ old('telefono') }}">
            </div><!-- col -->
            <div class="col-md-2 mg-t-5 mg-md-t-0">
                <label class="az-content-label tx-gray-600">Licencia Conducir</label>
                <input type="text" name="licencia_conducir" class="form-control" placeholder="A, B1, B2" value="{{ old('licencia_conducir') }}">
            </div><!-- col -->
            <div class="col-md-4 mg-t-5 mg-md-t-0">
                <label class="az-content-label tx-gray-600">Imagen</label>
                <input type="file" name="imagen" class="form-control" >
            </div><!-- col -->
        </div>
    </div><!-- form-group -->

    <button type="submit" class="btn btn-az-primary pd-x-30 mg-r-5">Guardar</button>
    <button class="btn btn-dark pd-x-30">Cancel</button>

 </div>
@endsection

@section('scripts')
    <script src="/assets/js/funciones.js"></script>   
@endsection