@extends('Template.layouts.master')

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

@section('content')
    <div class="main">
        <div class="payment-checkout container py-4">
            <div class="row">
                <div class="side-2 col-12 col-md-8">
                    <!--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/logo-color.png') }}" width="60" alt="logo"
                                 class="img-fluid"/>
                        </a>
                    </div>
                    <div class="row border-bottom 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>{{$plan->company_funding_period . ' ' . 'ماه'}}</span>
                            </div>
                            <div>
                                <span class="border-bottom">بازه پرداخت سود علی الحساب : </span>
                                <span>{{$plan->company_profit_payment_period . ' ' . 'ماه'}}</span>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 mb-3">
                            {{--                            <img src="{{ asset('template-style/img/funds/projectPhotoFile (1).jpeg') }}" class="rounded"--}}
                            {{--                                 alt="project image" width="240">--}}




                            @if(file_exists(public_path('project_assets/images/'.$project->projectCover)))
                                <img width="240"
                                     src="{{asset('project_assets/images/'.$project->projectCover)}}"
                                     alt=""
                                     style="border-radius: 1rem 1rem 0 0 !important;">
                            @else
                                <img class="w-100"
                                     src="{{asset('template-style/img/blog/default_image.png')}}"
                                     alt=""
                                     style="border-radius: 1rem 1rem 0 0 !important;">
                            @endif
                        </div>
                    </div>
                    <div class="col-12 col-md-6 rounded p-3 my-4 text-center border mx-auto">
                        <form id="supportForm" method="POST" action="{{route('supportProject')}}">
                            @csrf
                            <div class="form-group mb-3">
                                <label for="payment">مبلغ سرمایه گذاری خود را وارد کنید (ریال)</label>
                                <input required name="amount" autocomplete="off" id="payment" minlength="6"
                                       class="form-control text-center" type="number"
                                       placeholder="مبلغ به ریال">
                                <input type="hidden" value="{{$project->id}}" id="project_id" name="project_id">

                                @error('amount')
                                <span class="mb-3 text-danger">{{$message}}</span>
                                @enderror
                            </div>

                            <div class="compute-box">
                                <h6 class="compute-head border-bottom p-1">محاسبه
                                    سود</h6>
                                <div class="form-group text-left">
                                    <span>سود هر دوره پرداخت :</span>
                                    <span id="profit_monthly">0 ریال</span>
                                </div>
                                <div class="form-group text-left mb-0">
                                    <span>سود کل :</span>
                                    <span id="profit_total">0 ریال</span>
                                </div>
                            </div>

                            <div class="custom-control custom-checkbox border p-2 rounded my-4">
                                <h6 class="border-bottom p-2 rounded mb-3" style="background-color: #108b6d21">روش
                                    پرداخت</h6>
                                <input type="checkbox" class="custom-control-input" id="check-terms" checked>
                                <label class="custom-control-label" for="check-terms">پرداخت آنلاین</label>
                            </div>
                        </form>
                        <!-- Risk Statement modal -->
                        <div class="">
                            <a href="#"
                               class="btn primary-solid-btn border-radius p-2 my-1 w-100" data-toggle="modal"
                               data-target=".bd-example-modal-lg">پرداخت</a>
                        </div>

                        <div class="modal fade bd-example-modal-lg" id="acceptRuleModal" tabindex="-1" role="dialog"
                             aria-labelledby="myLargeModalLabel" aria-hidden="true">
                            <div class="modal-dialog modal-xl">
                                <div class="modal-content py-3 px-4 text-left">
                                    <div
                                        class="risk-header d-flex justify-content-between align-items-center border-bottom p-3">
                                        <span class="font-weight-bold">بیانیه ریسک</span>
                                        <a href="#" data-dismiss="modal">
                                            <i class="bi bi-x-lg"></i>
                                        </a>
                                    </div>
                                    <div class="risk-body px-4 text-justify border-bottom py-3">
                                        <p> لازم است سرمایه گذاران قبل از سرمایه گذاری بر روی طرح های منتشر شده، بیانیه
                                            ریسک را به دقت مطالعه نموده و از ریسک های مربوط به سرمایه گذاری مطلع باشند.
                                            سرمایه گذاری بر روی طرح های منتشره در سکوی آیفاند به منزله مطالعه و پذیرش
                                            قوانین سکو و بیانیه ریسک می باشد.
                                        </p>

                                        <p> سکوی آیفاند به عنوان یک سکوی تامین مالی جمعی دارای مجوز از شرکت فرابورس
                                            ایران بوده و بر اساس قوانین و مقررات جمهوری اسلامی ایران و دستورالعمل های
                                            فرابورس فعالیت می کند.
                                        </p>

                                        <p> آیفاند تلاش می کند اطلاعات جامعی از ابعاد مختلف طرح های متقاضی تامین سرمایه
                                            در اختیار سرمایه گذاران قرار دهد. تمامی اطلاعات ارائه شده از طرح ها در
                                            پلتفرم آیفاند توسط متقاضیان تامین مالی ارائه شده اند و کارشناسان آیفاند پس
                                            از بررسی اطلاعات هر طرح و ارزیابی آن امکان اجرای پویش جهت تامین مالی طرح را
                                            در پلتفرم فراهم می آورند. سرمایه گذاران از میان این پویش ها، می-توانند طرح
                                            مورد نظر خود را انتخاب نموده و با لحاظ ریسک های مربوطه اقدام به سرمایه گذاری
                                            کنند.
                                        </p>
                                        <p> بدیهی است که سرمایه گذاری در طرح های نمایش داده شده بر روی پلتفرم آی فاند می
                                            تواند سودآور باشد اما این امر با ریسک هایی همراه خواهد بود. اگر قصد سرمایه
                                            گذاری در طرح های نمایش داده شده بر روی پلتفرم آی فاند را دارید، قبلا باید از
                                            موارد زیر اطلاع کامل داشته باشید:
                                        </p>
                                        <ul>
                                            <li style="list-style-type: disc">
                                                از دست دادن سرمایه
                                                یکی از ریسک هایی که ممکن است سرمایه گذار با آن مواجه گردد، از دست دادن
                                                اصل
                                                سرمایه خود به دلیل شکست پروژه یا عدم موفقیت طرح می باشد. سکوی آیفاند با
                                                ارزیابی
                                                دقیق طرح ها و نظارت دوره ای و همچنین با اخذ وثایق کافی در طرح های منتشر
                                                شده، این
                                                ریسک را به حداقل رسانده است.

                                            </li>
                                            <br>

                                            <li style="list-style-type: disc">
                                                عدم تحقق سود مشارکت پیش بینی شده
                                                طرح های فعال بر روی سکوی آیفاند ممکن است نتوانند سود پیش بینی شده را
                                                محقق سازد.
                                                نرخ سود مشارکت طرح ها به صورت علی الحساب و با توجه به پیش بینی صورت
                                                پذیرفته از
                                                طرح اعلام می گردد. هر طرح در پایان دوره خود حسابرسی شده و سود قطعی آن
                                                مشخص می
                                                گردد. سکوی آیفاند با انجام ارزیابی های دقیق کارشناسی بر روی طرح و نظارت
                                                بر روند
                                                اجرای آن، ریسک انحراف نرخ سود مشارکت از نرخ پیش بینی شده را به حداقل
                                                رسانده است.

                                            </li>

                                            <li style="list-style-type: disc">
                                                مدل پرداخت سود و اصل سرمایه گذاری
                                                طرح های نمایش داده شده بر روی پلتفرم آیفاند در قالب مشارکت در درآمد می
                                                باشند که
                                                در آن سرمایه گذار در درآمد حاصل از اجرای طرح توسط مجری (متقاضی تامین
                                                مالی طرح)
                                                شریک خواهد بود. میزان شراکت در درآمد هر طرح بصورت درصدی از درآمد
                                                پیش-بینی شده آن
                                                توسط مجری (متقاضی تامین مالی طرح) مشخص می گردد. شیوه بازپرداخت سود مبالغ
                                                سرمایه
                                                گذاری شده در هر طرح به انتخاب متقاضی تامین مالی بصورت یکجا در انتهای
                                                دوره سررسید
                                                و یا در قالب اقساط دوره ای در طول دوره اجرای طرح خواهد بود. اصل مبلغ
                                                سرمایه
                                                گذاری شده نیز در انتهای دوره سررسید توسط متقاضی تامین مالی پرداخت می
                                                شود.

                                            </li>
                                            <br>

                                            <li style="list-style-type: disc">
                                                ریسک نقدشوندگی گواهی شراکت
                                                طرح های متقاضی تامین مالی پس از موفقیت در جمع آوری مبلغ مورد نیاز برای
                                                اجرا و
                                                رسیدن به نتیجه نیازمند زمان هستند. بنابراین سرمایه گذاران با ریسک عدم
                                                نقدشوندگی
                                                گواهی شراکت تا سررسید طرح مواجه می باشند.
                                                در صورتی که سرمایه گذار بخواهد قبل از زمان سررسید گواهی شراکت خود را
                                                بفروشد،
                                                بازار ثانویه ای برای این منظور به وجود آمده است که نحوه فعالیت آن مطابق
                                                با آیین
                                                نامه شرکت فرابورس ایران می باشد. با این وجود ممکن است خریدار کافی جهت
                                                فروش گواهی
                                                شراکت و نقد نمودن آن یافت نشده و سرمایه گذار نتواند تا انتهای دوره اوراق
                                                خود را
                                                نقد نماید.

                                            </li>
                                            <br>

                                            <li style="list-style-type: disc">
                                                ریسک شکست پروژه
                                                سرمایه گذاران در طرح های تامین مالی جمعی با ریسک شکست طرح یا ورشکستگی
                                                شرکت مجری
                                                آن (متقاضی تامین مالی طرح) مواجه می باشند. در این صورت بازگشت اصل سرمایه
                                                با
                                                مخاطره رو برو می گردد. سکوی آیفاند با ارزیابی طرح های متقاضی تامین مالی
                                                و همچنین
                                                اخذ ضمانت نامه از نهاد ثالث این ریسک را برای طرح های نمایش داده شده بر
                                                روی سکوی
                                                آیفاند به حداقل می رساند.

                                            </li>
                                            <br>
                                            <li style="list-style-type: disc">
                                                کمبود اطلاعات
                                                یکی از ریسک های سرمایه گذاری در طرح های تامین مالی جمعی، کمبود اطلاعات
                                                مربوط به
                                                این نوع سرمایه گذاری نسبت به سایر شرکت های فعال در بورس است. در این نوع
                                                سرمایه
                                                گذاری ها معمولا اطلاعات مربوط به خلاصه طرح توجیهی اقتصادی منتشر شده و در
                                                دسترس
                                                سرمایه گذاران قرار می گیرد. سکوی آیفاند با انتشار گزارش های دوره ای از
                                                پیشرفت
                                                طرح ها، این ریسک را به حداقل می-رساند.
                                            </li>
                                            <br>

                                            <li style="list-style-type: disc">
                                                تنوع در سبد سرمایه گذاری
                                                تنوع بخشیدن به سبد سرمایه گذاری موجب کاهش ریسک سرمایه گذاری ها و پوشش آن
                                                ها می
                                                گردد. سرمایه گذاری در طرح های نشان داده شده بر روی سکوی آیفاند باید به
                                                عنوان
                                                بخشی از سبد سرمایه گذاری افراد در نظر گرفته شود. توصیه می شود سرمایه
                                                گذاران
                                                علاوه بر مشارکت در طرح های تامین مالی جمعی در سایر دارایی ها نیز سرمایه
                                                گذاری
                                                نمایند تا ریسک های سبد سرمایه گذاری به حداقل برسد.

                                            </li>
                                        </ul>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-md-6 risk-footer px-5 py-3">
                                            <input id="acceptRules" class="form-check-input" type="checkbox" value="">
                                            <label for="acceptRules" class="form-check-label">
                                                <a href="#">بیانیه ریسک</a>
                                                و
                                                <a href="#">قوانین و مقررات</a>
                                                را مطالعه کرده و می پذیرم.
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-6 text-right mt-2">
                                            <a href="#" onclick="support()"
                                               class="btn primary-solid-btn border-radius p-2 px-3 my-1">پرداخت</a>
                                            <a href="#"
                                               class="btn btn-danger border-radius px-3 py-1.5 my-1"
                                               data-dismiss="modal">انصراف</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="text-right mb-2">
                        <a href="#"
                           class="btn btn-danger border-radius p-2 my-1 px-4">بازگشت</a>
                    </div>
                </div>

                <div class="side-1 col-12 col-md-4">
                    <div class="py-4 border-bottom text-center">
                        <img src="{{ asset('template-style/img/logo-color.png') }}" alt="" width="120">
                        <div>
                            <span>{{$company_name}}</span>
                        </div>
                    </div>
                    <div class="border-bottom">
                        <div class="d-flex flex-column align-items-center p-2">
                            <span>حداقل مبلغ مجاز برای سرمایه گذاری</span>
                            <span>1,000,000 ریال</span>
                        </div>

                        <div class="d-flex flex-column align-items-center p-2">
                            <span>حداکثر مبلغ مجاز برای سرمایه گذاری</span>
                            <span>{{ number_format( (($project->plan->amount_require*5)/100))}} ریال</span>
                        </div>


                        <div class="d-flex flex-column align-items-center p-2">
                            <span>مبلغ باقی مانده</span>
                            <span>{{number_format($total_price - $received_amount)}} ریال</span>
                        </div>
                    </div>
                    <div class="next-project my-3">
                        <div class="text-center mb-3">
                            {{--                            <span class="font-weight-bold text-center">به زودی منتشر می شود...</span>--}}
                        </div>
                        {{--                        <div class="staff-member">--}}
                        {{--                            <div class="card text-center border-0 rounded">--}}
                        {{--                                <img src="{{ asset('template-style/img/funds/projectPhotoFile (2).jpeg') }}"--}}
                        {{--                                     alt="team image" class="img-fluid">--}}
                        {{--                                <div class="card-body">--}}
                        {{--                                    <h5 class="teacher mb-0">ساخت پارکینگ مکانیزه</h5>--}}
                        {{--                                    <div><span>مبلغ هدف : </span><span>280,000,000,000 ریال</span></div>--}}
                        {{--                                    <ul class="list-inline pt-2 social">--}}
                        {{--                                        <li class="list-inline-item"><a href="#" target="_blank"><span--}}
                        {{--                                                    class="ti-facebook"></span></a></li>--}}
                        {{--                                        <li class="list-inline-item"><a href="#" target="_blank"><span--}}
                        {{--                                                    class="ti-linkedin"></span></a></li>--}}
                        {{--                                        <li class="list-inline-item"><a href="#" target="_blank"><span--}}
                        {{--                                                    class="ti-dribbble"></span></a></li>--}}
                        {{--                                    </ul>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        {{--                            <div class="overlay d-flex align-items-center justify-content-center">--}}
                        {{--                                <div class="overlay-inner">--}}
                        {{--                                    <a href="#" class="teacher-name">--}}
                        {{--                                        <h5 class="mb-0 teacher text-white">شرکت تکاپو صنعت نامی</h5>--}}
                        {{--                                    </a>--}}
                        {{--                                    <span class="teacher-field text-white">مدیر تولید</span>--}}
                        {{--                                    <p class="teacher-quote">جزئیات این طرح به زودی در دسترس شما عزیزان قرار خواهد--}}
                        {{--                                        گرفت.</p>--}}
                        {{--                                    <ul class="list-inline py-4 social">--}}
                        {{--                                        <li class="list-inline-item"><a href="#" target="_blank"><span--}}
                        {{--                                                    class="ti-facebook"></span></a></li>--}}
                        {{--                                        <li class="list-inline-item"><a href="#" target="_blank"><span--}}
                        {{--                                                    class="ti-linkedin"></span></a></li>--}}
                        {{--                                        <li class="list-inline-item"><a href="#" target="_blank"><span--}}
                        {{--                                                    class="ti-dribbble"></span></a></li>--}}
                        {{--                                    </ul>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        {{--                        </div>--}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.3/dist/sweetalert2.all.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>

    <script>
        $('.comment-reply a').click(function (e) {
            e.preventDefault();

            $('.comment-form').addClass('d-none');
            $(this).parent().parent().find('form').removeClass('d-none');
        });

        @if ($errors->any())
        @foreach ($errors->all() as $error)
        Swal.fire('Error', '{{ $error }}', 'error');


        @if(session()->has('signup_link') && session()->get('signup_link')!=null)
        Swal.fire({
            position: 'top-end',
            background: '#ff5252',
            color: 'white',
            icon: 'error',
            iconColor: 'white',
            toast: true,
            title: '{{ $error }} <a href="{{ session()->get('signup_link') }}">وارد شوید</a> .',
            showConfirmButton: false,
            timer: 4000
        });
        @else
        Swal.fire({
            position: 'top-end',
            background: '#ff5252',
            color: 'white',
            icon: 'error',
            iconColor: 'white',
            toast: true,
            title: '{{ $error }}',
            showConfirmButton: false,
            timer: 4000
        });
        @endif
        @endforeach
        @elseif(session()->has('success'))
        Swal.fire({
            position: 'top-end',
            background: '#4caf50',
            color: 'white',
            icon: 'success',
            iconColor: 'white',
            toast: true,
            title: '{{ session()->get('success') }}',
            showConfirmButton: false,
            timer: 4000
        });
        @endif
    </script>



    <script>
        let supportForm = document.getElementById('supportForm');

        let acceptRules = document.getElementById('acceptRules');

        function support() {
            // console.log(acceptRules);
            if (acceptRules.checked) {

                let payment_value = $('#payment').val();
                if (parseInt(payment_value) >= 100000) {

                    let check_payment_value = parseInt(payment_value) % 1000;
                    if (check_payment_value == 0) {
                        supportForm.submit();
                        $("#acceptRuleModal").modal('hide');
                    } else {
                        Swal.fire({
                            position: 'top-end',
                            background: '#ff5252',
                            color: 'white',
                            icon: 'error',
                            iconColor: 'white',
                            toast: true,
                            title: 'مبلغ وارد شده باید مضربی از 1000 باشد',
                            showConfirmButton: false,
                            timer: 4000
                        });
                    }
                } else {
                    Swal.fire({
                        position: 'top-end',
                        background: '#ff5252',
                        color: 'white',
                        icon: 'error',
                        iconColor: 'white',
                        toast: true,
                        title: 'مبلغ وارد شده مجاز نیست',
                        showConfirmButton: false,
                        timer: 4000
                    });
                }
            } else {
                Swal.fire({
                    position: 'top-end',
                    background: '#ff5252',
                    color: 'white',
                    icon: 'error',
                    iconColor: 'white',
                    toast: true,
                    title: 'تیک تایید بیانیه ریسک الزامی است',
                    showConfirmButton: false,
                    timer: 4000
                });
            }
        }

        let amount_require = {{$project->plan->amount_require}};
        let min_yearly_profit = {{$project->plan->min_yearly_profit}};
        let company_funding_period = {{$plan->company_funding_period}};
        let company_profit_payment_period = {{$plan->company_profit_payment_period}};
        $('#payment').keyup(function () {
            let payment_value = $(this).val();
            console.log('payment_value ::: ', payment_value);
            console.log('amount_require ::: ', amount_require);
            if ((parseInt(payment_value) <= parseInt(amount_require))) {

                if (parseInt(payment_value) >= 100000) {
                    let profit_monthly = parseFloat(min_yearly_profit / 12);

                    let percent_monthly_profit = parseFloat(profit_monthly.toFixed(2)) * parseInt(company_profit_payment_period);
                    let compute_monthly_profit = parseFloat((payment_value * percent_monthly_profit) / 100);
                    $('#profit_monthly').html(compute_monthly_profit.toLocaleString() + ' ریال ');

                    let percent_total_profit = parseFloat(profit_monthly) * parseFloat(company_funding_period);
                    let compute_total_profit = parseFloat((payment_value * percent_total_profit) / 100);
                    $('#profit_total').html(compute_total_profit.toLocaleString() + ' ریال ');

                    //console.log('profit_monthly ::: ', profit_monthly.toFixed(2));
                    //console.log('percent_monthly_profit ::: ', percent_monthly_profit.toFixed(2));
                } else {
                    $('#profit_monthly').html('0 ریال ');
                    $('#profit_total').html('0 ریال ');
                }
            } else {
                Swal.fire({
                    position: 'top-end',
                    background: '#ff5252',
                    color: 'white',
                    icon: 'error',
                    iconColor: 'white',
                    toast: true,
                    title: 'مبلغ وارد شده بیش از حد مجاز است',
                    showConfirmButton: false,
                    timer: 4000
                });


                $('#profit_monthly').html('0 ریال ');
                $('#profit_total').html('0 ریال ');
            }
        });


    </script>

@endsection