@extends('Template.layouts.master')

@section('title', 'پرداخت')

@section('style')
    <style>
        .header-project-checkout
        {
            background-color: #dc3545;
        }
    </style>
@endsection

@section('content')
    <div class="main">
        <div class="payment-checkout container py-4">
            <div class="row">
                <div class="col-12 border rounded">
                    <!--logo start-->
                    <div
                        class="header-project-checkout d-flex justify-content-between align-items-center mb-3 border-bottom px-3">
                        <h6 class="mr-3 font-weight-bold text-white">لغو پرداخت</h6>
                        <a class="navbar-brand" href="{{route('home')}}">
                            <img src="{{ asset('template-style/img/footer-logo.png') }}" width="60" alt="logo"
                                 class="img-fluid"/>
                        </a>
                    </div>
                    <div class="row text-center">
                        <div class="col-12 col-md-6 text-left mb-3">
                            <div>
                                <span class="font-weight-bold">{{$project->title}}</span>
                            </div>
                            <div>
                                <span class="border-bottom">مبلغ هدف : </span>
                                <span>{{number_format($project->plan->amount_require)}} ریال</span>
                            </div>

                            <div>
                                <span class="border-bottom">نماد طرح : </span>
                                @if($farabourse_project !== null && $farabourse_project->persian_approved_symbol)
                                    <span>{{ $farabourse_project->persian_approved_symbol }}</span>
                                @else
                                    <span>ثبت نشده</span>
                                @endif
                            </div>

                            <div>
                                <span class="border-bottom">پیش بینی سود سالانه : </span>
                                <span>%{{$project->plan->min_yearly_profit}}</span>
                            </div>

                            <div>
                                <span class="border-bottom">دوره سرمایه‌گذاری : </span>
                                <span>{{$project->plan->company_funding_period . ' ' . 'ماه'}}</span>
                            </div>
                            <div>
                                <span class="border-bottom">بازه پرداخت سود علی الحساب : </span>
                                <span>{{$project->plan->company_profit_payment_period . ' ' . 'ماه'}}</span>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 mb-3">
                            <img src="{{ asset('project_assets/images/'.$project->projectCover) }}" class="rounded"
                                 alt="project image" width="240">
                        </div>
                    </div>
                    <div class="col-12 col-md-6 rounded p-3 my-4 text-center border mx-auto">
                        <div class="success-report">
                            {{--                            <div class="success-checkmark text-center">--}}
                            {{--                                <div class="check-icon">--}}
                            {{--                                    <span class="icon-line line-tip"></span>--}}
                            {{--                                    <span class="icon-line line-long"></span>--}}
                            {{--                                    <div class="icon-circle"></div>--}}
                            {{--                                    <div class="icon-fix"></div>--}}
                            {{--                                </div>--}}
                            {{--                            </div>--}}
                            <span class="text-danger font-weight-bold">
                                                        عملیات پرداخت با مشکل مواجه شد
                                                    </span>
                            {{--                            <div class="d-flex justify-content-between align-items-center mt-3">--}}
                            {{--                                                        <span class=font-weight-bold">--}}
                            {{--                                                        شماره پیگیری : 284795318--}}
                            {{--                                                        </span>--}}
                            {{--                                <span class=font-weight-bold">--}}
                            {{--                                                        شماره پرداخت : 558967--}}
                            {{--                                                        </span>--}}
                            {{--                            </div>--}}
                        </div>

                        {{--                        <div class="error-report">--}}
                        {{--                            <div class="error-wrapper text-center">--}}
                        {{--                                <div class="error-body">--}}
                        {{--                                    <div class="error-icon">--}}
                        {{--                                        <span class="icon-firstLine"></span>--}}
                        {{--                                        <span class="icon-secondLine"></span>--}}
                        {{--                                        <div class="error-icon-circle"></div>--}}
                        {{--                                    </div>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        {{--                            <span class="text-danger font-weight-bold">--}}
                        {{--                                متاسفانه خطایی در پرداخت اتفاق افتاد.--}}
                        {{--                            </span>--}}
                        {{--                            <span class="text-danger font-weight-bold">--}}
                        {{--                                پرداخت شما لغو شد.--}}
                        {{--                            </span>--}}
                        {{--                        </div>--}}
                    </div>
                    <div class="text-center">
                        <div class="text-right m-2 d-inline">
{{--                            <a href="{{ route('user.projectPaymentReceipt',base64_encode($transaction->id)) }}"--}}
{{--                               class="btn btn-success border-radius p-1 my-1 px-3"><i class="bi bi-printer mr-2"></i>پرینت--}}
{{--                                رسید</a>--}}
                        </div>
                        <div class="text-right m-2 d-inline">
                            <a href="{{ route('home') }}"
                               class="btn btn-danger border-radius p-1 my-1 px-3">صفحه اصلی</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection