@extends('layouts.master')

@section('title', 'Settings')

@section('content')

<div class="default account bg-white">

    <section class="section pb-0">
        <div class="container-custom">
            <div class="row">
                <div class="offset-lg-1 col-lg-3">
                    @include('pages.shop.account.includes.sidenav')
                </div>

                <div class="col-lg-7 offset-xxl-1 col-xxl-5">                

                    <div class="text-center mb-size-sm">
                        <h2>Definições</h2>
                        <p>Pode gerir a sua conta e subscrições aqui</p>                    
                    </div> 

                    <div class="account-card mb-size-sm">
                        <div class="d-flex justify-content-between">
                            <h3>Dados pessoais</h3>
                            <p><small><a href="{{ Helper::route('profile_details_form') }}" class="link active">Editar</a></small></p>
                        </div>

                        <p><b>Email</b></p>
                        <p>{{ Auth::user()->email }}</p>

                        <p class="mt-2"><b>Nome</b></p>
                        <p>@if(!empty(Auth::user()->name)) {{ Auth::user()->name }} @else - @endif</p>

                        <p class="mt-2"><b>Apelido</b></p>
                        <p>@if(!empty(Auth::user()->surname)) {{ Auth::user()->surname }} @else - @endif</p>

                        <p class="mt-2"><b>Data de Nascimento</b></p>
                        <p>@if(!empty(Auth::user()->birth_date)) {{ Carbon\Carbon::parse(Auth::user()->birth_date)->format('d/m/Y') }} @else - @endif</p>

                        <p class="mt-2"><b>Telemóvel</b></p>
                        <p>@if(!empty(Auth::user()->phone)) {{ Auth::user()->phone }} @else - @endif</p>

                        <p class="mt-2"><b>Género</b></p>
                        <p>@if(!empty(Auth::user()->gender)) @lang('genders.' . Auth::user()->gender) @else - @endif</p>

                        <p class="mt-2"><b>NIF</b></p>
                        <p>@if(!empty(Auth::user()->nif)) {{ Auth::user()->nif }} @else - @endif</p>
                    </div>

                    <div class="account-card mb-size-sm">
                        <div class="d-flex justify-content-between">
                            <h3>Endereços</h3>
                            <p><small><a href="{{ Helper::route('profile_address') }}" class="link active">Adicionar</a></small></p>
                        </div>

                        @if ( count(Auth::user()->addresses) )
                            @foreach ( Auth::user()->addresses as $item )
                                <a href="{{ Helper::route('profile_address', $item->id) }}">
                                    <div class="d-flex justify-content-between align-items-center mt-3">
                                        <div>
                                            <h3 class="pb-0">@if( !empty($item->address_name) ){{ $item->address_name }} @else - @endif</h3>
                                            <p>{{ $item->name }} {{ $item->surname }}</p>
                                        </div>
                                        <div>
                                            <i class="bi bi-arrow-right"></i>
                                        </div>
                                    </div>
                                </a>
                            @endforeach
                        @else
                            <p>Sem endereços de entrega/faturação.</p>
                        @endif
                    </div>
                    
                    <div class="account-card mb-size-sm">
                        <div class="d-flex justify-content-between">
                            <h3>Subscrições</h3>
                            {{-- <p><small><a href="{{ Helper::route('profile_subscriptions') }}" class="link active">Editar</a></small></p> --}}
                        </div>

                        <p><b>Newsletter</b></p>
                        <div class="toggle-wrapper">
                            <div class="toggle transparent">
                                <input id="transparent" type="checkbox">
                                <label class="toggle-item" for="transparent"></label>
                            </div>
                        </div>

                        <!-- <p>Desejo anular a subscrição</p> -->

                        <!-- <p class="mt-2"><b>Direct Mail Marketing</b></p>
                        <p>Sim, quero inscrever-me!</p>-->
                    </div>
                    
                    <div class="account-card mb-size-sm">
                        <h3>Privacidade</h3>
                        <!-- <p><small><a href="{{ Helper::route('recovery_password') }}" class="link">Alterar palavra-passe</a></small></p>-->
                        <p><small><a href="#" class="link">Eliminar conta</a></small></p>
                    </div>
                    

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

</div>

@endsection