@extends('layouts.frontend-layout')
@section('content')
    <style>
        p {
            text-align: left !important;
        }
    </style>

   
    <!-- page-title -->
    <div class="ttm-page-title-row">
        <div class="ttm-page-title-row-inner ttm-bgcolor-darkgrey">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-12">
                        <div class="page-title-heading">
                            <h2 class="title">Profile</h2>
                        </div>
                        <div class="breadcrumb-wrapper">
                            <span>
                                <i class="ti ti-home margin_right1"></i>
                                <a title="Homepage" href="#">Dashboard</a>
                            </span>
                            <span>Profile</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

    <div class="site-main">
        <!--double-section-->
        <section class="ttm-row tab-section clearfix">
            <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-4 col-12">
                    <div class="left-tab-links">
                        <div class="nav nav-pills nav-stacked nav-tabs ui vertical menu fluid">
                            <a href="{{ route('main-site.customer.dashboard') }}" class="left-menu"  style="width: 100%; padding:15px; border:1px solid rgba(202, 200, 200, 0.548); box-shadow:2px 2px">Dashboard</a>
                            <a href="{{ route('main-site.customer.orders') }}" style="width: 100%; padding:15px; border:1px solid rgba(202, 200, 200, 0.548); box-shadow:2px 2px">Order
                                History</a>
                            <a href="{{ route('main-site.customer.manage-account') }}" style="width: 100%; padding:15px; border:1px solid rgba(202, 200, 200, 0.548); box-shadow:2px 2px">Manage
                                Account</a>
                            <a href="{{ route('main-site.customer.manage-address') }}"  style="width: 100%; padding:15px; border:1px solid rgba(202, 200, 200, 0.548); box-shadow:2px 2px"> Manage
                                Billing & Delivery Address</a>
                            <a href="{{ route('main-site.customer.change-password') }}" style="width: 100%; padding:15px; border:1px solid rgba(202, 200, 200, 0.548); box-shadow:2px 2px"> Change
                                Password</a>
                            <a href="{{ route('main-site.customer.logout') }}"  style="width: 100%; padding:15px; border:1px solid rgba(202, 200, 200, 0.548); box-shadow:2px 2px"> Logout</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-9 col-md-8 col-12">
                    <h4 class="mb-2"><u><strong>Account Details</strong></u></h4>
                    @if($customer->image)
                        <div class="col-md-12">
                            <div class="form-group">
                                <img src="{{ asset($customer->image) }}"
                                     style="height: 150px; width: 150px; border-radius: 50%">
                            </div>
                        </div>
                    @endif
                    <p class="mb-0"><strong>Name : {{ $customer->name }}</strong></p>
                    <p class="mb-0"><strong>Email : </strong>{{ $customer->email }}</p>
                    <p class="mb-0"><strong>Phone : </strong>{{ $customer->phone }}</p>
                    <p class="mb-0"><strong>Address </strong>: {{ $customer->address }}</p>

                    <div class="row mb-4 mt-4">
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <h4 class="mb-2"><u>Billing Address</u></h4>
                            @if($customer->billing)
                                <p class="mb-0"><strong>Name
                                        : {{ $customer->billing?$customer->billing->name:"" }}</strong></p>
                                <p class="mb-0"><strong>Email
                                        : </strong>{{ $customer->billing?$customer->billing->email:"" }}</p>
                                <p class="mb-0"><strong>Phone
                                        : </strong>{{ $customer->billing?$customer->billing->phone:"" }}</p>
                                <p class="mb-0">
                                    <strong>Address </strong>: {{ $customer->billing?$customer->billing->address:"" }}
                                </p>
                                <p class="mb-0">
                                    <strong>Country </strong>: {{ $customer->billing?$customer->billing->country:"" }}
                                </p>
                                <p class="mb-0">
                                    <strong>Town/City </strong>: {{ $customer->billing?$customer->billing->town_city:"" }}
                                </p>
                                <p class="mb-0"><strong>Zip
                                        Code </strong>: {{ $customer->billing?$customer->billing->zip_code:"" }}</p>
                            @else
                                <p>Please Go to <strong> Manage Billing & Delivery Address</strong> Menu For Setup
                                    Billing Address</p>
                            @endif
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <h4 class="mb-2"><u>Delivery Address</u></h4>
                            @if($customer->billing)
                                <p class="mb-0"><strong>Name
                                        : {{ $customer->shipping?$customer->shipping->ship_name:"" }}</strong></p>
                                <p class="mb-0"><strong>Email
                                        : </strong>{{ $customer->shipping?$customer->shipping->ship_email:"" }}</p>
                                <p class="mb-0"><strong>Phone
                                        : </strong>{{ $customer->shipping?$customer->shipping->ship_phone:"" }}</p>
                                <p class="mb-0">
                                    <strong>Address </strong>: {{ $customer->shipping?$customer->shipping->ship_address:"" }}
                                </p>
                                <p class="mb-0">
                                    <strong>Country </strong>: {{ $customer->shipping?$customer->shipping->ship_country:"" }}
                                </p>
                                <p class="mb-0">
                                    <strong>Town/City </strong>: {{ $customer->shipping?$customer->shipping->ship_town_city:"" }}
                                </p>
                                <p class="mb-0"><strong>Zip
                                        Code </strong>: {{ $customer->shipping?$customer->shipping->ship_zip_code:"" }}
                                </p>
                            @else
                                <p>Please Go to <strong> Manage Billing & Delivery Address</strong> Menu For Setup
                                    Billing Address</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>


@endsection