@extends('layouts.app', ['page' => __('Cliente'), 'pageSlug' => 'customer', 'section' => 'menu'])

@section('content')

    <div class="row">
        <div class="col-md-12">
           <div class="card ">
                <div class="card-header">
                    <div class="row" style="border-bottom:2px solid #343434;height: 42px;"></div>
                    <div class="row">
                        <div class="col-12">
                            <br/>
                            <h1>{{ __('Mi Perfil')  }}</h1>
                        </div>
                    </div>
                </div>

                <div class="card-body" style="text-align:center;">
                    <br/><br/><br/>
                    <img style="width:135px;border-radius: 0 !important;" src="{{asset('assets/img/isotipo-sede.png')}}">
                    <br/><br/><br/>
                    <h3 style="margin-bottom: 10px;">{{ $customer->name }}</h3>
                    <h3 style="margin-bottom: 10px;">Miembro desde {{ $customer->created_at->translatedFormat('d F Y') }}</h3>
                    <h3 style="margin-bottom: 10px;">{{ $customer->email }}</h3>
                    <br/><br/>
                    <div class="customer-buttons">
                        <a href="{{ route('portal-customers.customers.editPassword', ['customer' => $customer]) }}" class="btn btn-gradient">Cambiar contraseña</a>
                        <a style="color: #000 !important;"; href="{{ route('logout') }}" class="btn transparent nav-item dropdown-item btn-gradient" onclick="event.preventDefault();  document.getElementById('logout-form').submit();">{{ __('Cerrar sesión') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection