@extends('layouts.web')
@section('main')
<div class="breadcrumb-area breadcrumb-img bg-img" data-bg="{{ asset('images/cabeceras/'.$cabecera->imagen) }}">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="breadcrumb-wrap">
                    <nav aria-label="breadcrumb">
                        <h3 class="breadcrumb-title">Mi cuenta</h3>
                        <ul class="breadcrumb justify-content-center">
                            <li class="breadcrumb-item"><a href="{{ route('index') }}"><i class="fa fa-home"></i></a></li>
                            <li class="breadcrumb-item active" aria-current="page">Mi cuenta</li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="my-account-wrapper section-padding">
    <div class="container">
        <div class="section-bg-color">
            <div class="row">
                <div class="col-lg-12">
                    <div class="myaccount-page-wrapper">
                        <div class="row">
                            <div class="col-lg-3 col-md-4">
                                @include('includes.web.menu_cuenta')
                            </div>
                            <div class="col-lg-9 col-md-8">
                                <div class="tab-content" id="myaccountContent">

                                    <div class="tab-pane fade show active" id="dashboad" role="tabpanel">
                                        <div class="myaccount-content">
                                            <h5>¡Bienvenido <strong>{{ Auth::guard('cliente')->user()->nombre." ".Auth::guard('cliente')->user()->apellido_paterno." ".Auth::guard('cliente')->user()->apellido_materno }}</strong>!</h5>
                                            
                                            {!! is_null(Auth::guard('cliente')->user()->change_password)?"<div class='alert alert-danger'>Por favor,debe actualizar la contraseña de su perfil</div>" : "" !!}
                                            
                                            <h5 class="pt-4">Detalles de la cuenta</h5>
                                            <div class="account-details-form">
                                                <form action="{{ route('actualizar_perfil') }}" method="POST" class="form">
                                                    @csrf
                                                    <div class="row">
                                                        <div class="col-lg-6">
                                                            <div class="single-input-item">
                                                                <label for="nombre" class="required">Nombre</label>
                                                                <input type="text" name="nombre" id="nombre"
                                                                    placeholder="Nombre" class="form-control"
                                                                    value="{{ Auth::guard('cliente')->user()->nombre }}" />
                                                                <span class="invalid-feedback"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="single-input-item">
                                                                <label for="paterno" class="required">Apellido
                                                                    Paterno</label>
                                                                <input type="text" id="paterno" name="paterno"
                                                                    class="form-control" placeholder="Apellido Paterno"
                                                                    value="{{ Auth::guard('cliente')->user()->apellido_paterno }}" />
                                                                    <span class="invalid-feedback"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="single-input-item">
                                                                <label for="materno" class="required">Apellido
                                                                    Materno</label>
                                                                <input type="text" id="materno" name="materno"
                                                                    class="form-control" placeholder="Apellido Materno"
                                                                    value="{{ Auth::guard('cliente')->user()->apellido_materno }}" />
                                                                    <span class="invalid-feedback"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="single-input-item">
                                                                <label for="correo" class="required">Correo Electrónico</label>
                                                                <input type="text" id="correo" name="correo" class="form-control" placeholder="Correo Electrónico" value="{{ Auth::guard('cliente')->user()->correo_electronico }}" />
                                                                <span class="invalid-feedback"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="single-input-item">
                                                                <label for="telefono" class="required">Teléfono</label>
                                                                <input type="text" class="form-control" placeholder="Teléfono" id="telefono" name="telefono" value="{{ Auth::guard('cliente')->user()->telefono }}">
                                                                <span class="invalid-feedback"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="single-input-item">
                                                                <label for="telefono_contacto">Teléfono de contacto</label>
                                                                <input type="text" name="telefono_contacto" id="telefono_contacto" class="form-control" placeholder="Teléfono de contacto" value="{{ Auth::guard('cliente')->user()->telefono_contacto }}">
                                                                <span class="invalid-feedback"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="single-input-item">
                                                                <label for="correo_fiscal">Correo Fiscal</label>
                                                                <input type="text" name="correo_fiscal" id="correo_fiscal" class="form-control" placeholder="Correo Fiscal" value="{{ Auth::guard('cliente')->user()->correo_fiscal }}">
                                                                <span class="invalid-feedback"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="single-input-item">
                                                                <label for="rfc">RFC</label>
                                                                <input type="text" name="rfc" id="rfc" class="form-control" placeholder="RFC" value="{{ Auth::guard('cliente')->user()->rfc }}">
                                                                <span class="invalid-feedback"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="single-input-item">
                                                        <button type="submit" class="btn btn-sqr submit">Actualizar datos</button>
                                                    </div>
                                                </form>
                                                
                                                <form action="{{ route('cambiar_contra') }}" method="POST" class="form" id="cambio-contrasena">
                                                    @csrf
                                                    <fieldset>
                                                        <h5 class="pt-4">Cambio de Contraseña</h5>
                                                        <div class="row">
                                                            <div class="col-lg-4">
                                                                <div class="single-input-item">
                                                                    <label for="password_current" class="required">Contraseña actual</label>
                                                                    <input type="password" id="password_current" placeholder="Contraseña actual" class="form-control" name="password_current" />
                                                                    <span class="invalid-feedback"></span>
                                                                </div>
                                                            </div>         
                                                            <div class="col-lg-4">
                                                                <div class="single-input-item">
                                                                    <label for="password_new" class="required">Nueva contraseña</label>
                                                                    <input type="password" id="password_new" placeholder="Nueva contraseña" name="password_new" class="form-control" />
                                                                    <span class="invalid-feedback"></span>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-4">
                                                                <div class="single-input-item">
                                                                    <label for="password_new_confirmation" class="required">Confirmar contraseña</label>
                                                                    <input type="password" name="password_new_confirmation" id="password_new_confirmation" placeholder="Confirmar contraseña" class="form-control" />
                                                                    <span class="invalid-feedback"></span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </fieldset>
                                                    <div class="single-input-item">
                                                        <button type="submit" class="btn btn-sqr">Guardar contraseña</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@if (is_null(Auth::guard('cliente')->user()->change_password))
    @section('scripts')
        @parent
    
        <script>
            Swal.fire(
                '¡Importante!',
                'Por favor, actualice su contraseña',
                'warning'
                ).then((result) => {
                    if(result.value || result.dismiss === Swal.DismissReason.backdrop) {
                        $(window).scrollTop($('#cambio-contrasena').offset().top-150);
                    }
                });
        </script>    
    
    @endsection
@endif