@extends('website.layouts.master')
@section('content')
    <!-- Start Banar -->
    <div class="banar text-center">
        <div class="info" data-aos-delay="200" data-aos-duration="800" data-aos="fade-up">
            <i class="fas fa-user phone"></i>
            <h1 class="mt-4">{{trans('sidebar.profile')}}</h1>
            <a href="{{ route('logout') }}" onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();" class="log-out">
                {{trans('sidebar.logout')}}
                <i class="fas fa-sign-out-alt"></i>
            </a>
            <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                @csrf
            </form>
        </div>
    </div>
    <!-- End Banar -->
    <!-- ================================================= -->
    <!-- Start account -->
    <div class="account mt-5 mb-5">
        <div class="container">
            <h3 class="mb-3" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">{{trans('sidebar.profile_data')}}</h3>
            <div class="info mb-5" data-aos-delay="100" data-aos-duration="800" data-aos="fade-up">
                <ul>
                    <li>{{auth()->user()->full_name}}</li>
                    <li>{{auth()->user()->national_id}}</li>
                    <li>{{auth()->user()->phone}}</li>
                    <li>{{auth()->user()->email}}</li>
                </ul>
            </div>
            <div class="row">
                @php $transaction_requests = \App\TransactionRequest::where('user_id',auth()->id())->orderBy('id','desc')->get(); @endphp
                <div class="col-lg-8 col-md-6 mb-lg-0 mb-md-0 mb-3" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                    <h3>{{trans('sidebar.my_transactions')}} <span>{{count($transaction_requests)}}</span></h3>
                </div>
{{--                <div class="col-lg-4 col-md-6 text-left" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">--}}
{{--                    <form action="">--}}
{{--                        <div class="input-group">--}}
{{--                            <input class="form-control" type="text" placeholder="بحث برقم المعاملة">--}}
{{--                            <button class="submit" type="submit"><i class="fas fa-search"></i></button>--}}
{{--                        </div>--}}
{{--                    </form>--}}
{{--                </div>--}}
            </div>
            @foreach($transaction_requests as $re)
            <div class="box mt-4" data-aos-delay="100" data-aos-duration="800" data-aos="fade-up">
                <div class="row justify-content-between align-items-center">
                    <div class="col-lg-6 col-9">
                        <ul>
                            <li><span>{{trans('sidebar.full_name')}}: </span>{{\App\User::find($re->user_id)->full_name}}</li>
                            <li><span>{{trans('sidebar.date')}}: </span>{{$re->created_at->format('Y-m-d')}}</li>
                            <li><span>{{trans('sidebar.request_no')}}: </span>{{$re->id}}#</li>
                            <li><span>{{trans('sidebar.phone')}}: </span>{{\App\User::find($re->user_id)->phone}}</li>
                            <li><span>{{trans('sidebar.national_id')}}: </span>{{\App\User::find($re->user_id)->national_id}}</li>
                            <li>
                                <span>{{trans('sidebar.price')}}: </span>{{$re->price}}
                                @if($re->payment_status != 1)
                                    {!! payWithMyFatoorah($re->price,$re->user_id,$re->id) !!}
                                @endif
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-6 col-3 text-left">
{{--                        <img src="{{asset('website/images/qr.png')}}" alt="">--}}
                        {!! \SimpleSoftwareIO\QrCode\Facades\QrCode::size(200)->generate(route('view_profile')) !!}

                    </div>
                </div>
                <hr>
                <ul>
                    <li><span>{{trans('sidebar.request_type')}}: </span>{{\App\Transaction::find($re->transaction_id)->name}} </li>
                </ul>
                <hr>
{{--                <ul>--}}
{{--                    <li><span>ملاحظات: </span>يرجي ارسال صورة الرخصة </li>--}}
{{--                </ul>--}}
                <div class="mood d-flex text-left">
                    <div class="service">
                        <span>{{trans('sidebar.status')}}</span>
                        {{(\App\RequestStatus::find($re->status))?\App\RequestStatus::find($re->status)->name:''}}
                    </div>
                    <div class="pay">
                        <span>{{trans('sidebar.payment_status')}}</span>
                        {{($re->payment_status == 1)?trans('sidebar.paid'):trans('sidebar.not_paid')}}
                    </div>
                </div>
            </div>
            @endforeach

        </div>
    </div>
    <!-- End account -->
@endsection