@extends('layouts.innerpage')

@section('title', 'Profile')

@section('content')

<section class="section-padding bg-dark inner-header" style="padding-top:140px;">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h1 class="mt-0 mb-3 text-white">Profile</h1>
                <div class="breadcrumbs">
                    <p class="mb-0 text-white"><a class="text-white" href="{{url('/')}}">Home</a> / <span class="text-success">Profile</span></p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="account-page section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="row no-gutters">
                    <div class="col-md-4">
                        <div class="card account-left">
                            <div class="user-profile-header">
                                <img alt="logo" src="{{url('/')}}/assets/frontend/img/user.png">
                                <h5 class="mb-1 text-secondary"><strong>Hi </strong> @if(Auth::user()->name!="") {{Auth::user()->name}} @else User @endif</h5>
                                @if(Auth::user()->phone_no!="") <p> {{Auth::user()->phone_no}} </p> @endif
                                @if(Auth::user()->email!="") <p> {{Auth::user()->email}} </p> @endif
                            </div>
                            @include('includes.profile_menu')
                        </div>
                    </div>

                    <div class="col-md-8">
                        <div class="card card-body account-right">
                            <div class="widget">
                                <div class="section-header">
                                    <h5 class="heading-design-h5">Payment Details</h5>
                                </div>
                                <div class="order-list-tabel-main table-responsive">
                                    <table class="datatabel table order-list-tabel" width="100%" cellspacing="0">
                                        <thead>
                                            <tr>
                                                <th>Transaction ID #</th>
                                                <th>Date</th>
                                                <th>Amount</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>#243</td>
                                                <td>August 08, 2020</td>
                                                <td><i class="fa fa-rupee-sign"></i> 760.50</td>
                                            </tr>
                                            <tr>
                                                <td>#258</td>
                                                <td>July 21, 2020</td>
                                                <td><i class="fa fa-rupee-sign"></i> 315.20</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>
@endsection