@extends('shop.main')

@section('header')
    @include('shop.components.header')
@endsection

@section('main')
    <div class="customer-area-container">
        <div class="customer-area-menu">
            <div class="menu-content">
                <div class="menu-title">
                    Minha Conta
                    &nbsp;
                    <i class="fas fa-angle-down"></i>
                </div>
                <div class="menu-body hidden">
                    <a href="{{ route('customer.home','inicio') }}" class="menu-item active">Visão Geral</a>
                    <a href="{{ route('customer.home','meus-dados') }}" class="menu-item">Meus Dados</a>
                    <a href="{{ route('customer.home','meus-enderecos') }}" class="menu-item">Meus Endereços</a>
                    <a href="{{ route('customer.home','meus-pedidos') }}" class="menu-item">Minhas Encomendas</a>
                    <a href="{{ route('customer.logout') }}">Sair</a>
                </div>
            </div>
        </div>
        <div class="customer-area-content">
            @yield('main2')
        </div>
    </div>
@endsection

@section('footer')
    @include('shop.components.footer')
@endsection
@push('css')
    <link rel="stylesheet" href="{{ asset('shop/css/shop-main.css') }}">
    <link rel="stylesheet" href="{{ asset('shop/css/customer-area.css') }}">
@endpush
@push('js')
    <script src="{{ asset('shop/js/customer-area/main.js') }}"></script>
    <script src="{{ asset('shop/js/customer-area/menu.js') }}"></script>
    <script>
        mainCustomers.init()
    </script>
@endpush