@extends('layouts.front')

@section('content')
    <section class="container-fluid bg-bornage-lgrey account-layout account-background background-light">
        <div class="container">
            <div class="row justify-content-md-center">
                <div class="col-md-4">
                    <div class="account-nav">
                        <h1 class="color-back">Mon compte</h1>
                        <ul>
                            <li><a href="{{route('account.quotation')}}" class="{{$slug == 'account-quotation' ? ' active':''}}">{{$quotationCount > 1 ? 'Mes Devis': 'Mon devis'}}</a></li>
                            @if(!Auth()->user()->isCustomer())
                            <li><a href="#">Messagerie (à venir)</a></li>
                            <li><a href="{{route('account.tarification')}}">Ma tarification</a></li>
                            @else
                            @endif
                            <li><a href="{{route('account.detail')}}" class="{{$slug == 'account-detail' ? ' active':''}}">Mes informations personnelles</a></li>
                            <li><a href="{{route('logout')}}">Se déconnecter</a></li>
                        </ul>
                    </div>
                    @if(Auth()->user()->isCustomer() && !empty($quotations) &&  $quotations->count() == 1 && $quotations->first()->geometer)
                    <div class="quotation-geometer">
                        <h4>Votre géomètre expert</h4>
                        <p class="geometer-name">{{$quotations->first()->geometer->companyName}}</p>
                        <p>
                        {{$quotations->first()->geometer->address1}} <br/>
                        {{$quotations->first()->geometer->postalCode}}, {{$quotations->first()->geometer->city}} <br/>
                        </p>
                        <p class="geometer-phone">{{$quotations->first()->geometer->phone}}</p>
                    </div>
                    @endif
                </div>
                <div class="col-md-8">
                    @yield('account.content')
                </div>
            </div>
        </div>
    </section>
@endsection