@extends('layouts.inspinia.app')
@section('title', 'Crear Chofer')
@section('titulopagina', 'Administración')

@section('content')

    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-4">
            <h2>@yield('title')</h2>
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="#">@yield('title')</a>
                </li>
                <li class="breadcrumb-item active">
                    <strong>Crear</strong>
                </li>
            </ol>
        </div>

    </div>
    <div class="wrapper wrapper-content animated fadeInRight">

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Crear Chofer</h4>
                    </div>
                    <div class="card-body">

                        <form action="{{ route('choferes.store') }}" method="POST">
                            @csrf


                            <div class="row">
                                <div class="col-md-6 pr-1">
                                    <div class="form-group">

                                        <label>Agencia</label>
                                        <select class="form-control" name="cod_agencia" required>
                                            <option value="0">Seleccione Agencia</option>
                                            @foreach ($agencias as $r)
                                                <option value="{{ $r->cod_agencia }}"
                                                    {{ $r->cod_agencia == old('cod_agencia') ? 'selected' : '' }}>
                                                    {{ $r->nom_agencia }}</option>
                                            @endforeach
                                        </select>
                                        @error('cod_agencia')
                                            <small class="text-danger">
                                                *{{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6 pr-1">
                                    <div class="form-group">
                                        <label>Rut</label>
                                        <input type="text" class="form-control" placeholder="rut" 
                                        id="rut" name="rut" 
                                        oninput="checkRut(this)"
                                        maxlength="12" 
                                            value="{{ old('rut') }}" required >
                                            
                                            @error('rut')
                                            <small class="text-danger">
                                                *{{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                            </div>


                            <div class="row">
                                <div class="col-md-6 pr-1">
                                    <div class="form-group">
                                        <label>Primer Nombre</label>
                                        <input type="text" class="form-control" placeholder="primer nombre"
                                            name="primer_nombre" value="{{ old('primer_nombre') }}" required>
                                        @error('primer_nombre')
                                            <small class="text-danger">
                                                *{{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6 pr-1">
                                    <div class="form-group">
                                        <label>Nombre</label>
                                        <input type="text" class="form-control" placeholder="nombre" name="nombre"
                                            value="{{ old('nombre') }}" required>
                                        @error('nombre')
                                            <small class="text-danger">
                                                *{{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 pr-1">
                                    <div class="form-group">
                                        <label>Telefono</label>
                                        <input type="text" class="form-control" placeholder="telefono" name="telefono"
                                            value="{{ old('telefono') }}" required>
                                        @error('telefono')
                                            <small class="text-danger">
                                                *{{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6 pr-1">
                                    <div class="form-group">
                                        <label>Email</label>
                                        <input type="email" class="form-control" placeholder="email@gmail.com"
                                            name="email" id="email" value="{{ old('email') }}" required>
                                        @error('email')
                                            <small class="text-danger">
                                                *{{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 pr-1">
                                    <div class="form-group">
                                        <label>Tipo</label>
                                        <select class="form-control" name="tipo" required>
                                            <option value="">Seleccione tipo</option>
                                            @foreach ($tipochoferes as $r)
                                                <option value="{{ $r->id }}"
                                                    {{ $r->id == old('tipo') ? 'selected' : '' }}>
                                                    {{ $r->nombre }}</option>
                                            @endforeach
                                        </select>
                                        @error('tipo')
                                            <small class="text-danger">
                                                *{{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                            </div>



                            <div class="row">
                                <div class="col-md-6 pr-1">
                                    <button type="submit" class="form-control"
                                        class="btn btn-primary btn-block">Guardar</button>
                                </div>
                            </div>

                        </form>


                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection

@section('javascript')
    <script type="text/javascript">

function checkRut(rut) {
    // Despejar Puntos
    var valor = rut.value.replace('.','');
    // Despejar Guión
    valor = valor.replace('-','');
    
    // Aislar Cuerpo y Dígito Verificador
    cuerpo = valor.slice(0,-1);
    dv = valor.slice(-1).toUpperCase();
    
    // Formatear RUN
    rut.value = cuerpo + '-'+ dv
    
    // Si no cumple con el mínimo ej. (n.nnn.nnn)
    if(cuerpo.length < 7) { rut.setCustomValidity("RUT Incompleto"); return false;}
    
    // Calcular Dígito Verificador
    suma = 0;
    multiplo = 2;
    
    // Para cada dígito del Cuerpo
    for(i=1;i<=cuerpo.length;i++) {
    
        // Obtener su Producto con el Múltiplo Correspondiente
        index = multiplo * valor.charAt(cuerpo.length - i);
        
        // Sumar al Contador General
        suma = suma + index;
        
        // Consolidar Múltiplo dentro del rango [2,7]
        if(multiplo < 7) { multiplo = multiplo + 1; } else { multiplo = 2; }
  
    }
    
    // Calcular Dígito Verificador en base al Módulo 11
    dvEsperado = 11 - (suma % 11);
    
    // Casos Especiales (0 y K)
    dv = (dv == 'K')?10:dv;
    dv = (dv == 0)?11:dv;
    
    // Validar que el Cuerpo coincide con su Dígito Verificador
    if(dvEsperado != dv) { rut.setCustomValidity("RUT Inválido"); return false; }
    
    // Si todo sale bien, eliminar errores (decretar que es válido)
    rut.setCustomValidity('');
} 
        function formatCliente(cliente) {
            cliente.value = cliente.value.replace(/[.]/g, '')
                .replace(/^(\d{1,2})(\d{3})(\d{3})(\w{2})$/, '$1$2$3-$4')               
               
        }
        /*function formatCliente(cliente)
{cliente.value=cliente.value.replace(/[.-]/g, '')
.replace( /^(\d{1,2})(\d{3})(\d{3})(\w{1})$/, '$1.$2.$3-$4')}*/
        
        // Uso de la función
        
    </script>
@endsection