@extends('layouts.customer')

@section('content')
        <!-- Common Banner Area -->
        <section id="common_banner">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="common_bannner_text">
                            <h2>Tour booking</h2>
                            <ul>
                                <li><a href="index.html">Home</a></li>
                                <li><span><i class="fas fa-circle"></i></span><a href="dashboard.html">Customer
                                        dashboard</a></li>
                                <li><span><i class="fas fa-circle"></i></span>Tour booking</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <form id="logoutform" action="{{ route('logout') }}" method="POST" style="display: none;">
            {{ csrf_field() }}
        </form>
        <!-- Dashboard Area -->
        <section id="dashboard_main_arae" class="section_padding">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="dashboard_sidebar">
                            <div class="dashboard_sidebar_user">
                                {{-- <img src="assets/img/common/dashboard-user.png" alt="img"> --}}
                                @php
                                $UserId = App\Models\User::where('id',Auth::id())->first();
                                // dd($UserId);
                                 @endphp
                                @if ($UserId->getFirstMediaUrl('image'))
                                {{-- <a href="{{ $UserId->getFirstMediaUrl('image') }}" target="_blank" rel="noopener noreferrer"> --}}
                                <img src="{{ $UserId->getFirstMediaUrl('image') }}" width="180" height="100" alt="">
                                </a>
                                @else
                                <img src="storage/no_image.jpg" alt="img">
                                @endif
                                {{-- <h3>{{auth()->user()->name}}</h3> --}}
                                {{-- <p><a href="tel:+00-123-456-789">{{auth()->user()->contact_no}}</a></p> --}}
                                <p><a href="mailto:sherlyn@domain.com">{{auth()->user()->email}}</a></p>
                                <p><a href="{{ route('users.editprofile') }}" class="btn btn-primary text-light">{{ 'Edit Profile' }}</a></p>
                            </div>
                            <div class="dashboard_menu_area">
                                <ul>
                                    <li><a href="{{route('dashboard')}}"><i class="fas fa-tachometer-alt"></i>Dashboard</a></li>
                                    <li class="dashboard_dropdown_button" id="dashboard_dropdowns"><i
                                            class="fas fa-address-card"></i>My bookings
                                        <span> <i class="fas fa-angle-down"></i></span>
                                        <div class="booing_sidebar_dashboard" id="show_dropdown_item"
                                            style="display: none;">
                                            <ul>
                                                <li><a href="{{route('booking.index')}}"><i class="fas fa-hotel"></i>Hotel
                                                        booking</a></li>
                                                <li><a href="{{route('booking.flight')}}"><i class="fas fa-paper-plane"></i>Flight
                                                        booking</a></li>

                                            </ul>
                                        </div>
                                    </li>
                                    {{-- <li><a href="#"><i class="fas fa-user-circle"></i>My profile</a></li> --}}
                                    <li>
                                        <a href="#" class="" onclick="event.preventDefault(); document.getElementById('logoutform').submit();">

                                                <i class="fas fa-fw fa-sign-out-alt nav-icon">

                                                </i>
                                                {{ trans('global.logout') }}

                                        </a>
                                    </li>

                                    {{-- <li><a href="#"><i class="fas fa-wallet"></i>Wallet</a></li> --}}
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        @yield('sub_content')
                    </div>
                </div>
            </div>
        </section>
@endsection