@extends('Template.layouts.master')

@section('title', 'طرح ها')

@section('content')
    <div class="main">
        <!--breadcrumb bar start-->
{{--        <div class="breadcrumb-bar py-3 gray-light-bg border-bottom">--}}
{{--            <div class="container">--}}
{{--                <div class="row">--}}
{{--                    <div class="col-12">--}}
{{--                        <div class="custom-breadcrumb">--}}
{{--                            <ol class="breadcrumb d-inline-block bg-transparent list-inline py-0 pl-0">--}}
{{--                                <li class="list-inline-item breadcrumb-item"><a href="#">خانه</a></li>--}}
{{--                                <li class="list-inline-item breadcrumb-item"><a href="#">صفحات جانبی</a></li>--}}
{{--                                <li class="list-inline-item breadcrumb-item active">پیشفرض</li>--}}
{{--                            </ol>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
        <!--breadcrumb bar end-->

        <!--funds with switch section start-->
        <section class="pricing-section ptb-100">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-9 col-lg-8">
                        <div class="section-heading text-center mb-5">
                            <h2>طرح ها</h2>
                        </div>
                    </div>
                </div>
                {{--            <div class="row justify-content-center">--}}
                {{--                <div class="col-10 col-sm-8 col-md-7">--}}
                {{--                    <div class="text-center mb-5 radio-box-wrap billingCycle">--}}
                {{--                        <div class="single-radio-box">--}}
                {{--                            <input name="billingPlan" id="monthly-plan" value="monthly" class="radio"--}}
                {{--                                   type="radio" checked>--}}
                {{--                            <label for="monthly-plan"><span class="custom-check"></span> ماهانه</label>--}}
                {{--                        </div>--}}
                {{--                        <div class="single-radio-box">--}}
                {{--                            <input name="billingPlan" id="yearly-plan" value="yearly" class="radio"--}}
                {{--                                   type="radio">--}}
                {{--                            <label for="yearly-plan"><span class="custom-check"></span> سالانه</label>--}}
                {{--                        </div>--}}
                {{--                        <div class="single-radio-box">--}}
                {{--                            <input name="billingPlan" id="biannual-plan" value="biannual" class="radio"--}}
                {{--                                   type="radio">--}}
                {{--                            <label for="biannual-plan"><span class="custom-check"></span> دوساله</label>--}}
                {{--                        </div>--}}
                {{--                        <div class="single-radio-box">--}}
                {{--                            <input name="billingPlan" id="triennial-plan" value="triennial" class="radio"--}}
                {{--                                   type="radio">--}}
                {{--                            <label for="triennial-plan" style="white-space: nowrap"><span class="custom-check"></span>--}}
                {{--                                سه ساله</label>--}}
                {{--                        </div>--}}
                {{--                    </div>--}}
                {{--                </div>--}}
                {{--            </div>--}}
                <div class="row align-items-center position-relative">
                    @foreach($projects as $project)
                        <div class="col-lg-4 col-md-6 col-12 mt-4">
                            <div class="card text-center single-pricing-pack position-relative">
                                <a href="{{route('project-details', $project['id'])}}">
                                    <div class="">
                                        @if(file_exists(public_path('project_assets/images/'.$project['projectCover'])))
                                            <img class="w-100"
                                                 src="{{asset('project_assets/images/'.$project['projectCover'])}}"
                                                 alt=""
                                                 style="border-radius: 1rem 1rem 0 0 !important; height: 210px">
                                        @else
                                            <img class="w-100"
                                                 src="{{asset('template-style/img/blog/default_image.png')}}"
                                                 alt=""
                                                 style="border-radius: 1rem 1rem 0 0 !important; height: 210px">
                                        @endif
                                    </div>
                                </a>
                                <div class="d-flex justify-content-between mx-auto mb-1 mt-2"
                                     style="font-size: 13px; width: calc(100% - 20px);">
                                    @if($project['crowd_funding_type']==1)
                                        <div>{{ number_format($project['minimum_require_price']) . ' ریال' }}</div>
                                        <div>{{ number_format($project['total_price']) . ' ریال' }}</div>
                                    @else
                                        <div>0 ریال</div>
                                        <div>{{ number_format($project['total_price']) . ' ریال' }}</div>
                                    @endif
                                </div>
                                <div class="d-flex mx-auto" style="width: calc(100% - 20px);">
                                    <div class="fund-progress justify-content-start" style="width:25%;">
                                        <div
                                            class="progress-bar progress-bar-striped progress-bar-animated position-relative "
                                            role="progressbar" aria-valuenow="75" aria-valuemin="0" data-percent="{{$project['percent_']}}%"
                                            aria-valuemax="100"
                                            style="width: {{$project['percent_']}}%; background-color: #4CAF50"></div>
                                    </div>
                                    <div class="fund-progress justify-content-start" style="width: 75%">
                                        <div
                                            class="progress-bar p-bar progress-bar-striped progress-bar-animated position-relative "
                                            role="progressbar" aria-valuenow="75" aria-valuemin="0" data-percent="{{$project['percent_']}}%"
                                            aria-valuemax="100"
                                            style="width: {{$project['percent_']}}%; background-color: #4CAF50"></div>
                                    </div>
                                </div>



                                <div class="card-header py-1 border-0 pricing-header">
                                    <a href="{{route('project-details', $project['id'])}}">
                                        <h5 class="mt-2">{{$project['title']}}</h5>
                                    </a>
                                </div>
                                <div class="card-body pt-0 text-left">
                                    <ul class="list-unstyled mb-4 pricing-feature-list">

                                        <li class="position-relative"><i class="fas fa-dollar mr-2 text-success"></i>
                                            حداقل سرمایه درخواستی :
                                            @if($project['plan'] !== null)
                                                <div
                                                    class="fund-money position-absolute">{{number_format($project['minimum_require_price']) . ' ' . 'ریال'}}
                                                </div>
                                            @else
                                                -
                                            @endif
                                        </li>
                                        <li><i class="fas fa-percent mr-2 text-success"></i>
                                            برآورد سود علی الحساب یکساله :
                                            @if($project['plan'] !== null)
                                                <span>{{$project['plan']['estimated_annual_interest_payments'] . '%'}}</span>
                                            @else
                                                -
                                            @endif
                                        </li>
                                        <li><i class="fas fa-check mr-2 text-success"></i>
                                            دارای ضمانت نامه تعهد پرداخت
                                        </li>
                                        <li class="position-relative"><i class="fas fa-dollar mr-2 text-success"></i>
                                            مبلغ هدف :
                                            @if($project['plan'] !== null)
                                                <div
                                                    class="fund-money position-absolute">{{number_format($project['plan']->amount_require) . ' ' . 'ریال'}}
                                                </div>
                                            @else
                                                -
                                            @endif
                                        </li>
                                        <li><i class="fas fa-timer mr-2 text-success"></i>
                                            دوره سرمایه‌گذاری :
                                            <span>{{$project['length_of_time'] . ' ' . 'ماه'}}</span>
                                        </li>
                                    </ul>
                                    <a href="{{route('project-details', $project['id'])}}"
                                       class="btn outline-btn box-details-btn mb-3"
                                       target="_blank">جزییات
                                        طرح
                                    </a>
                                </div>
                            </div>
                        </div>
                    @endforeach
{{--                    <div class="col-12">--}}
{{--                        <div class="support-cta mt-5">--}}
{{--                            <h5 class="mb-1 d-flex align-items-center justify-content-center">--}}
{{--                                <span class="ti-loop color-primary mr-3 icon-sm"></span>--}}
{{--                                <a href="pricing-comparision.html">مقایسه تعرفه ها</a>--}}
{{--                            </h5>--}}
{{--                        </div>--}}
{{--                    </div>--}}
                </div>
            </div>
        </section>
        <!--funds with switch section end-->

    </div>
@endsection