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


<div class="az-contact-info-header">
    <div class="media">
    <div class="az-img-user">
        <img src="/{{ $persona->imagen}}" alt="">
    </div>
    <div class="media-body">
        <h4>{{ $persona->nombres }} {{ $persona->paterno }} {{ $persona->materno }}</h4>
        <p>{{ $persona->rut }}-{{ $persona->dv }} </p>

    </div><!-- media-body -->
    </div><!-- media -->
</div><!-- az-contact-info-header -->
<div class="pd-30 bg-gray-200">
    <form action="{{ route('persona.update') }}" method="post" data-parsley-validate autocomplete="off" enctype="multipart/form-data" >
        @csrf
        <input type="hidden" name="id_persona" value="{{ $persona->id_persona}}">
        <div class="form-group">
            
            <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">Rut</label>
                    <input type="text" name="rut" class="form-control" onchange="generaDvRut(this)" value="{{ $persona->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" class="form-control" readonly value="{{ $persona->dv}}">
                </div><!-- col -->
            </div>
            
            <label class="az-content-label tx-gray-600">Nombre Completo</label>
            <div class="row row-xs align-items-center mg-b-20">
                <div class="col-md-4 mg-t-5 mg-md-t-0">
                    <input type="text" name="nombres" class="form-control" value="{{ $persona->nombres}}" required>
                </div><!-- col -->
                <div class="col-md-4 mg-t-5 mg-md-t-0">
                    <input type="text" name="paterno" class="form-control" value="{{ $persona->paterno}}" required>
                </div><!-- col -->
                <div class="col-md-4 mg-t-5 mg-md-t-0">
                    <input type="text" name="materno" class="form-control" value="{{ $persona->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}}" @if ($row->id_empresa == $persona->id_empresa) selected @endif >{{$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}}" @if ($turno->id_turno == $persona->id_turno) selected @endif >{{$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}}" @if ($cargo->id_cargo == $persona->id_cargo) selected @endif >{{$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" value="{{ $persona->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" value="{{ $persona->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" value="{{ $persona->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" value="{{ $persona->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" value="{{ $persona->imagen}}">
                </div><!-- col -->
            </div>
        </div><!-- form-group -->
        <button type="submit" class="btn btn-az-primary pd-x-30 mg-r-5">Guardar</button>
        <a href="{{ route('persona.index') }}" class="btn btn-dark pd-x-30">Cancelar</a>

    </form>
 </div>


@endsection

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