@extends('layouts.buy')

@section('header')
    @endsection
@section('content')
    <div id="login-form">
       
        



        <div class="uk-container uk-container-expand uk-margin-medium-top">
            <div uk-grid>
                <div class="uk-width-xlarge@s uk-width-large uk-margin margin-auto" >
                    <div class="login-card ">
                         
                        <div class="uk-grid header-page uk-flex uk-flex-between">
                            <div class="uk-width-1-4"><i class="material-icons">language</i></div>
                            <div class="uk-width-2-4 navbar-payment uk-position-top-center"> 
                                    <!-- This is a button toggling the modal -->
                                <button class="uk-button button-oauth" type="button">
                                    <div class="uk-grid navbar-payment-content">
                                        <div class="no-padding uk-flex-inline uk-flex-between">
                                            <img src="/media/images/avatar/KNgGqGw3ZN_1597662523.jpg" class="image-user">
                                            <p class="name-user">
                                                هانیه 
                                            </p>
                                            <p class="type-user">
                                                برگزار کننده
                                            </p>
                                        </div>
                                        <div class="no-padding" style="margin-top: .5rem;">
                                            
                                        </div>
                                    </div>
                                </button>
                            </div>
                            <div class="uk-width-1-4 uk-text-left"><a href="{{route('home.1')}}"><i class="material-icons">arrow_back</i></a></div>
                        </div>
                        <div class="payment uk-flex uk-flex-center uk-margin-large-top">
                            <h2>پرداخت</h2>
                        </div> 
                        <div class="payment uk-flex uk-flex-center">
                            @if ($transaction->datePaid)
                                <div><a href="{{route('home.1')}}"><i class="material-icons icon-check_circle_outline">check_circle_outline</i></a></div>
                                <p> پرداخت شما با موفقیت انجام شد.</p>
                            @else 
                                <div><a href="{{route('home.1')}}"><i class="material-icons icon-cancel">cancel</i></a></div>
                                
                                <p> پرداخت شما با موفقیت انجام نشد. لطفا دوباره تلاش کنید</p>
                            @endif

                            

                        </div>
                        <div class="uk-flex uk-flex-center">
                            <table class="uk-table uk-flex uk-flex-center uk-text-center">
                                <tbody>
                                    <tr>
                                        <td>تاریخ:</td>
                                        <td>{{App\Traits\Date::toJalali($transaction->datePaid)}}</td>
                                    </tr>

                                    <tr>
                                        @if ($transaction->datePaid)
                                        <td>مبلغ:</td>
                                        <td>{{number_format($transaction->amount)}} تومان</td>
                                        @endif
                                    </tr>

                                    <tr>
                                        <td>شماره پیگیری:</td>
                                        <td>{{$transaction->invoiceID}}</td>
                                    </tr>

                                    <tr>
                                        <td>شماره تراکنش:</td>
                                        <td style="width:20px;">{{$transaction->documentـnumber}}</td>
                                    </tr>

                                </tbody>
                            </table>
                        </div> 
                        
                        <div class="uk-flex uk-flex-center">
                            <a href="{{route('home.1')}}" class="btn-next uk-text-center"> <span>مرحله بعد</span></a href="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="{{ asset('front/buy/js/jquery.js') }}"></script>
    <script src="{{ asset('front/buy/js/uikit-icons.min.js') }}"></script>
    <script src="{{ asset('front/buy/js/uikit.min.js') }}"></script>

@endsection