@php
use Carbon\Carbon;

$sort_no = Config::get('app.sort_no');
$end_no = Config::get('app.end_no');

@endphp

@extends('mainlayout')

@section('title')
MILIKI | Checkout {{$plot->plotnumber}} - {{$property->name}}
@endsection


@push('extracss')
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/4.8.95/css/materialdesignicons.min.css">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="/assets/css/bd-wizard.css">




@endpush

@section('content')
@php
app('redirect')->setIntendedUrl('/checkout/plot/'.urlencode(base64_encode( (($property->id*$sort_no)/$end_no) )).'/'.urlencode(base64_encode( (($plot->id*$sort_no)/$end_no) )));
@endphp


<div class="page-title-section section" style="padding-bottom: 12px;">
    <div class="row ">
        <div class="col-lg-12">
            <ul class="progressbar">
              <li>Choose Payment Plan</li>
              <li class="active" >Fill Owner Details</li>
              <li>Choose Payment Method</li>
              <li>Make Payment</li>
            </ul>
        </div>
    </div>
</div>

<div class="page-title-section section" style="padding-bottom: 2px;">
    <div class="row justify-content-between align-items-center" style="padding:0em 3.5em">
        <div class="col-sm-auto col-12">
            <h3 class="title" style="text-align:left;font-size: 32px;">{{ __('messages.purchase_plot_text') }} {{$plot->plotnumber}} - {{$property->name}}</h3>
        </div>
    </div>
</div>


        <div class="checkout-section section section-padding-bottom mt-4">
            <div class="container">
                <div class="row">
                    <div class="col-12">

                        <!-- Checkout Form Start-->
                        <form action="#" class="checkout-form">
                            <div class="row row-40">

                                 <div class="col-lg-12">
                                    <div class="row">

                                        <!-- Cart Total -->
                                        <div class="col-12 max-mb-60">

                                            <h4 class="checkout-title">{{ __('messages.order_summary') }} </h4>

                                            <div class="checkout-cart-total">


                                                <h4 class="">{{ __('messages.plot_no') }} {{$plot->plotnumber}} - {{$property->name}}</h4>
                                                <p style="padding:0;border-bottom: none;">{{ __('messages.by') }} : {{$property->propertyownername}} </p>
                                                <p style="padding:0;border-bottom: none;">{{ __('messages.area_size') }}: {{$plot->area_size}} SQM</p>
                                                <p style="padding:0;border-bottom: none;">{{ __('messages.land_use') }} : {{$plot->landuse}}</p>


                                            </div>

                                        </div>


                                    </div>
                                </div>

                                <div class="col-lg-12">

                                    

                                    <!-- Billing Address -->
                                    <div id="billing-form" class="mb-10">
                                        <h4 class="checkout-title">{{ __('messages.choose_a_payment_plan') }}</h4>
                                        
                                        <div class="row">

                                            <div class="col-md-4  mb-20">

                                                 <div style="width:100%">
                                                <div class="course" style="border: 1px solid #6b6b6b;padding: 1em;">
                                                   
                                                    <h5>{{ __('messages.pay_in_full') }}</h5>
                                                    <p style="font-weight:700;font-size:16px;margin-bottom:2px">TZS {{number_format($plot->fullprice)}} | {{ __('messages.onetime_payment') }}</p>
                                                
                                                @php
                                                $full_install = $plot->fullprice * 0.2;
                                                $leo_1 = Carbon::createFromFormat('d-m-Y',Carbon::now()->format('d-m-Y'));
                                                $leo_2 = Carbon::createFromFormat('d-m-Y',Carbon::now()->format('d-m-Y'));
                                                $day_2 = $leo_1->addDays($plot->full_initial_expiry_days);
                                                $day_14 = $leo_2->addDays($plot->full_complete_expiry_days);
                                                @endphp

                                                <p>1. Pay initial payment of atleast (20%) of  Tsh {{number_format($full_install)}} by {{$day_2->toFormattedDateString()}} (in {{$plot->full_initial_expiry_days}} days from today)</p>
                                                <p> 2. Complete payment by {{$day_14->toFormattedDateString()}}</p>
                                                <p>3. You can pay via mobile money, card or bank.</p>
                                                <p>4. You will get notification on all payments and details will be viewed in your profile. </p>
                                                 <p>5. Terms and condition applies.</p>

                                                <a href="#popup1" style="width:100%" class="btn btn-warning">Choose Plan</a>
                                                </div>
                                            </div>
                                            </div>

                                            <div class="col-md-4 mb-20">

                                                <div  style="width:100%">
                                                <div class="course" style="border: 1px solid #6b6b6b;padding: 1em;">
                                                    
                                                    <h5>{{ __('messages.pay_in_installments') }}</h5>
                                                    <p style="font-weight:700;font-size:16px;margin-bottom:2px">TZS {{number_format($plot->installment)}} | {{$plot->installment_complete_expiry_days}} days plan</p>
                                                  

                                                   @php
                                                $install = $plot->installment * 0.2;
                                                $leo_11 = Carbon::createFromFormat('d-m-Y',Carbon::now()->format('d-m-Y'));
                                                $leo_22 = Carbon::createFromFormat('d-m-Y',Carbon::now()->format('d-m-Y'));
                                                $day_one = $leo_11->addDays($plot->installment_initial_expiry_days);
                                                $day_two = $leo_22->addDays($plot->installment_complete_expiry_days);
                                                @endphp

                                                <p>1. Pay initial payment of atleast (20%) of Tsh {{number_format($install)}} by {{$day_one->toFormattedDateString()}} (in {{$plot->installment_initial_expiry_days}} days from today)</p>
                                                <p>2. Complete payment by {{$day_two->toFormattedDateString()}}</p>
                                                <p>3. You can pay via mobile money, card or bank.</p>
                                                <p>4. You will get notification on all payments and details can be viewed in your profile.</p>
                                                <p>5. Terms and condition applies.</p>

                                                  
                                                

                                                <a href="#popup2" style="width:100%" class="btn btn-warning">Choose Plan</a>
                                                </div>
                                                </div>
                                            </div>

                                            <div class="col-md-4 mb-20">

                                                <a href="#" style="width:100%">
                                                <div class="course" style="border: 1px solid #6b6b6b;padding: 1em;">
                                                    
                                                    <h5>{{ __('messages.loan') }}</h5>
                                                    <p style="font-weight:700;font-size:16px;margin-bottom:2px">-</p>
                                                   <p>-</p>


                                                </div>
                                                </a>
                                            </div>
                                            
                                        </div>

                                    </div>
                                </div>


                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>



<!--<div class="box">
    <a class="button" href="#popup1">Let me Pop up</a>
</div>-->




<div id="popup1" class="overlay">
    <div class="popup">
        <h4>Confirmation : FullPayment Checkout</h4>
        <a class="close" href="#">&times;</a>
        <div class="content">
            <div class="row">

                <!-- Cart Total -->
                <div class="col-12 max-mb-60">

                    <h4 class="checkout-title">{{ __('messages.order_summary') }} </h4>

                    <div class="checkout-cart-total">
                        <h4 style="margin-bottom:8px">{{ __('messages.plot_no') }} {{$plot->plotnumber}} - {{$property->name}}</h4>

                        
                        <p style="padding: 0;font-size: 18px;margin-bottom:0px">{{ __('messages.amount') }} : <b>TZS {{number_format($plot->fullprice)}}</b></p>

                        <p>{{ __('messages.onetime_payment') }}
                            <br>Terms
                            <br>1. Pay initial payment within {{$plot->full_initial_expiry_days}} days, or the plot will be made available to other buyers.
                            <br>2. Complete full payment within {{$plot->full_complete_expiry_days}} days.
                        </p>


                        <div class="row">
                             <div class="col-lg-12">
                                 <p> By clicking "confirm order", you accept our <a href="/tnc" target="_blank"><b>T&Cs</b></a> and <a href="#" target="_blank"><b>Refund Policy</b></a> and <a href="/privacy" target="_blank"><b>Privacy Policy</b></a></p>
                             </div>
                         </div>
                        <div class="row mt-4">
                            <div class="col-md-6">
                                <a class="btn btn-success" href="/order/{{urlencode(base64_encode( (($property->id*$sort_no)/$end_no) ))}}/{{urlencode(base64_encode( (($plot->id*$sort_no)/$end_no) ))}}/full/{{$plot->fullprice}}" style="width:100%">Confirm Order</a>
                            </div>

                            <div class="col-md-6">
                                    <a class="btn btn-warning close" href="#" style="background-color: #f9c70c;top: 0;left: 0;position: inherit;font-size: 14px;color:#000;width:100%">Cancel Order</a>
                            </div>
                        </div>

                    </div>

                </div>


            </div>

        </div>
    </div>
</div>

<div id="popup2" class="overlay">
    <div class="popup">
        <h2>Installment Checkout Summary</h2>
        <a class="close" href="#">&times;</a>
        <div class="content">
            <div class="row">

                <!-- Cart Total -->
                <div class="col-12 max-mb-60">


                    <div class="checkout-cart-total">
                        <h4 style="margin-bottom:8px">{{ __('messages.plot_no') }} {{$plot->plotnumber}} - {{$property->name}}</h4>
                                                 <p style="font-weight:700;font-size:18px;margin-bottom:2px">{{ __('messages.amount') }} : TZS {{number_format($plot->installment)}}</p>
                         <p style="margin-bottom:2px;font-size:16px;border-bottom: none;">{{ __('messages.pay_in_installments') }}</p>
                         
                        <p style="margin-bottom:2px;font-size:16px;border-bottom: none;">Flexible payment:- </p>
                        <ul>
                            <li style="margin-bottom:6px">1.Pay {{$plot->before_initial_payment_daily_pay}} Tsh daily or </li>
                            <li style="margin-bottom:6px">2. Pay {{$plot->before_initial_payment_weekly_pay}} Tsh weekly or </li>
                            <li style="margin-bottom:6px">3. Pay {{$plot->before_initial_payment_monthly_pay}} Tsh monthly</li>
                         </ul>

                         <div class="row">
                             <div class="col-lg-12">
                                 <p> By clicking "confirm order", you accept our <a href="/privacy" target="_blank"><b>T&Cs</b></a>, <a href="/privacy" target="_blank"><b>Refund Policy</b></a> and <a href="/privacy" target="_blank"><b>Privacy Policy</b></a></p>
                             </div>
                         </div>
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <a class="btn btn-success" href="/order/{{urlencode(base64_encode( (($property->id*$sort_no)/$end_no) ))}}/{{urlencode(base64_encode( (($plot->id*$sort_no)/$end_no) ))}}/installment/{{$plot->installment}}" style="width:100%">Confirm Order</a>
                            </div>

                            <div class="col-md-6">
                                <a class="btn btn-warning close" href="#" style="background-color: #f9c70c;top: 0;left: 0;position: inherit;font-size: 14px;color:#000;width:100%">Cancel Order</a>
                            </div>
                            
                        </div>
                        
                        

                    </div>

                </div>


            </div>

        </div>
    </div>
</div>

@endsection

@push('extrascripts')
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
  <script src="/assets/js/jquery.steps.min.js"></script>
  <script src="/assets/js/bd-wizard.js"></script>

@endpush