@extends('layouts.index')

@section('estilos')

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

@section('menu')
    @include('menu.index');
@stop

@section('content')
<div class="container-fluid">
	<div class="row">
		<div class="col-lg-6 col-12">
            <div class="row espacio5">
                <div class="col-lg-12 col-12">
                    <h3 class="text-left">{{'Modificar datos de la cuenta'}}</h3>
                </div>
                <div id="mensaje" class="mensaje_color"></div>
            </div>
			<div class="tabbable espacio5" id="edicion">
				<ul class="nav nav-tabs">
					<li class="nav-item">
						<a class="nav-link active" href="#datos" data-toggle="tab"><span class="color_pag">{{'Cambiar Datos'}}</span></a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="#cambio_password" data-toggle="tab"><span class="color_pag">{{'Cambiar Password'}}</span></a>
					</li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active" id="datos">
                        <form method="POST" action="{{ route('clientes.update')}}">
                            @csrf
                            <div class="row">
                                <div class="col-lg-4 col-6 espacio7">
                                    <label class="col-form-label">Rut</label>
                                    <input id="rut" name="rut" type="text" readonly value="{{$cliente->rut}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip">
                                    <input type="hidden" name="ind" value="0">
                                    <input type="hidden" name="user_id" value="{{$cliente->id}}">
                                </div>
                                <div class="col-lg-4 col-6 espacio7">
                                    <label class="col-form-label">Pasaporte</label>
                                    <input id="pasaporte" name="pasaporte" readonly value="{{$cliente->pasaporte}}" type="text" class="form-control form-control-sm espaciomenos7 bg-fondo-ip">
                                </div>                              
                                <div class="col-md-4"></div>
                            </div>
                            <div class="row">
                                <div class="col-lg-4 col-12 espacio7">
                                    <label class="form-label">Nombres</label>
                                    <input id="nombres" name="nombres" required type="text" value="{{$cliente->nombres}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="3">
                                </div>
                                <div class="col-lg-4 col-6 espacio7">
                                    <label class="form-label">Apellido Paterno</label>
                                    <input id="apellido_paterno" name="apellido_paterno" required type="text" value="{{$cliente->apellido_paterno}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="4">
                                </div>
                                <div class="col-lg-4 col-6 espacio7">
                                    <label class="form-label">Apellido Materno</label>
                                    <input id="apellido_materno" name="apellido_materno" type="text" value="{{$cliente->apellido_materno}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="5">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-4 col-6 espacio7">
                                    <label class="col-form-label">Fecha de Nacimiento</label>
                                    <input id="fecha_nacimiento" name="fecha_nacimiento" value="{{$cliente->fecha_nacimiento}}" required type="date" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="9">
                                </div>
                                <div class="col-lg-4 col-6 espacio13">
                                    <label class="form-label">Nacionalidad</label>
                                    <select id="nacionalidad" name="nacionalidad" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="10">
                                        <option value="{{$cliente->nacionalidad_id}}">{{$cliente->nacionalidad}}</option>
                                        @foreach ($nacionalidades as $nacionalidad)
                                            @if ($cliente->nacionalidad_id != $nacionalidad->id)
                                                <option value="{{$nacionalidad->id}}">{{$nacionalidad->nombre}}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <div class="row">
                                <div class="col-lg-8 col-8 espacio7">
                                    <label class="form-label">Dirección</label>
                                    <input id="direccion" name="direccion" type="text" value="{{$cliente->direccion}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="11">
                                </div>
                                <div class="col-lg-4 col-4 espacio7">
                                    <label class="form-label">Teléfono</label>
                                    <input id="telefono" name="telefono" type="text" value="{{$cliente->telefono}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="16">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12 col-12 espacio7">
                                    <label class="form-label">E-mail</label>
                                    <input id="email" name="email" type="email" value="{{$cliente->email}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="12">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-4 col-4 espacio7">
                                    <label class="form-label">Región</label>
                                    <select id="region" onchange="region_select()" name="region" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="13">
                                        <option value="{{$comuna->region_id}}">{{$comuna->region}}</option>
                                        @foreach ($regiones as $region)
                                            @if ($comuna->region_id != $region->codigo)
                                                <option value="{{$region->codigo}}">{{$region->nombre}}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-lg-4 col-4 espacio7">
                                    <label class="form-label">Provincia</label>
                                    <select id="provincia" onchange="provincia_select()" name="provincia" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="14">
                                        <option value="{{$comuna->provincia_id}}">{{$comuna->provincia}}</option>
                                    </select>
                                </div>
                                <div class="col-lg-4 col-4 espacio7">
                                    <label class="form-label">Comuna</label>
                                    <select id="comuna" required name="comuna_id" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="15">
                                        <option value="{{$comuna->codigo}}">{{$comuna->nombre}}</option>
                                    </select>
                                </div>
                            </div>
                        
                            <div class="row espacio20">
                                <div class="col-lg-12">
                                    <div class="row">
                                        <div class="col-lg-4 col-12">
                                            <button type="submit" name="boton" value="update" class="btn btn-block btn-sm btn-primary" tabindex="17">Actualizar</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

					<div class="tab-pane" id="cambio_password">
                        <form method="POST" action="{{ route('clientes.update')}}">
                            @csrf
                            <div class="row">
                                <div class="col-lg-4 col-4 espacio7">
                                    <label class="form-label">Password Actual</label>
                                    <input id="password_actual" name="password_actual" onblur="pass_actual()" type="password" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" type="text" tabindex="15">
                                    <input type="hidden" name="ind" value="1">
                                    <input type="hidden" name="user_id" value="{{$cliente->id}}">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-4 col-4 espacio7">
                                    <label class="form-label">Nueva Password</label>
                                    <input id="password" name="password" type="password" required class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="16">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-4 col-4 espacio7">
                                    <label class="form-label">Repetir Password</label>
                                    <input id="re_password" name="re_password" required type="password" onblur="valida_pass()" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="17">
                                </div>
                            </div>
                            <div class="row espacio20">
                                <div class="col-lg-4 col-4">
                                    <button type="submit" name="boton" value="cambio_password" class="btn btn-block btn-sm btn-primary" tabindex="18">Actualizar</button>
                                </div>
                            </div>
                        </form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

@stop

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