@extends('member.layouts.master')
@section('member-body')
    <div>
        @include('layouts.message')
        <div class="board">
            <div class="board-header mb-3 d-flex justify-content-between">
                <div class="board-title">
                    <h3>{{$heading}}</h3>
                </div>
                <div class="board-toolbar">
                    {{--<a href="/members/account" class="btn btn-light"><i class="bi bi-backspace"></i> Back</a>--}}
                </div>
            </div>
            <div class="board-body">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between">
                                <div class="card-title fs-20 fw-bold">
                                    Profile Overview
                                </div>
                                <div class="card-toolbar">
                                    <a href="/members/account/profile" class="btn border btn-sm">Edit</a>
                                </div>
                            </div>
                            <div class="card-body">
                                <table class="table">
                                    <tr>
                                        <th>
                                            <div class="p2" style="width: 100px;">
                                                <img src="/{{get_image($user->avatar)}}" class="w-100">
                                            </div>
                                        </th>
                                        <td>
                                            <table class="table">
                                                <tr>
                                                    <td><i class="bi bi-person"></i> {{$user->display_name}}</td>
                                                </tr>
                                                <tr>
                                                    <td><i class="bi bi-envelope"></i> {{$user->email}}</td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <i class="bi bi-phone"></i>
                                                        {{$user->mobile}}<br>
                                                        <i class="bi bi-phone"></i>
                                                        {{$user->phone_number}}
                                                    </td>
                                                </tr>

                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between">
                                <div class="card-title fs-20 fw-bold">
                                    Address Overview
                                </div>
                                <div class="card-toolbar">
                                    <a href="/members/account/address" class="btn border btn-sm">Edit</a>
                                </div>
                            </div>
                            <div class="card-body">
                                @if($address)
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th colspan="2">Billing Address</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <th class="fs-15">Street Address 1</th>
                                                <td>{{$address->billing_street_address_1}}</td>
                                            </tr>
                                            <tr>
                                                <th class="fs-15">Street Address 2</th>
                                                <td>{{$address->billing_street_address_2}}</td>
                                            </tr>
                                            <tr>
                                                <th class="fs-15">City</th>
                                                <td>{{$address->billing_city}}</td>
                                            </tr>
                                            <tr>
                                                <th class="fs-15">State</th>
                                                <td>{{$address->billing_state}}</td>
                                            </tr>
                                            <tr>
                                                <th class="fs-15">Postcode</th>
                                                <td>{{$address->billing_postcode}}</td>
                                            </tr>
                                            <tr>
                                                <th class="fs-15">Country</th>
                                                <td>{{$address->billing_country}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th colspan="2">Shipping Address @if($address->same_billing) (Same as Billing Address) @endif</th>
                                            </tr>
                                        </thead>
                                        @if(!($address->same_billing))
                                        <tbody>
                                            <tr>
                                                <th class="fs-15">Street Address 1</th>
                                                <td>{{$address->shipping_street_address_1}}</td>
                                            </tr>
                                            <tr>
                                                <th class="fs-15">Street Address 2</th>
                                                <td>{{$address->shipping_street_address_2}}</td>
                                            </tr>
                                            <tr>
                                                <th class="fs-15">City</th>
                                                <td>{{$address->shipping_city}}</td>
                                            </tr>
                                            <tr>
                                                <th class="fs-15">State</th>
                                                <td>{{$address->shipping_state}}</td>
                                            </tr>
                                            <tr>
                                                <th class="fs-15">Postcode</th>
                                                <td>{{$address->shipping_postcode}}</td>
                                            </tr>
                                            <tr>
                                                <th class="fs-15">Country</th>
                                                <td>{{$address->shipping_country}}</td>
                                            </tr>
                                        </tbody>
                                        @endif
                                    </table>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

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

@endsection