@extends('layout.simpleapp')
@section('content')
    @include('include.simplenav')
    <section style="">

        <div class="container-fluid sec1" style="margin-top: -2.5em;">

            <div class="row pl-4">

                <div class="col-12">
                    <h3 class="text-capitalize text-center">{{__('my cart')}}</h3>
                </div>


            </div>


        </div> <!--  <........................> -->
        <!--<div style="position: absolute; left: 20; float: left; padding-right: 0; z-index: -99;">-->
        <!--    <img src="{{asset('employer-con/images/clients.png')}}" class="resize-img" height="98" width="150" style="opacity: .1">-->
        <!--</div>-->
        
        <!--<div style="position: absolute; left: 20; float: left; padding-right: 0; z-index: -99;">-->
        <!--            <img src="{{asset('employer-con/images/clients.png')}}" class="resize-img" height="98" width="150" style="opacity: .1">-->
        <!--        </div>-->

        <!--<div style="position: absolute; right: 0; float: right; padding-right: 0; z-index: -99;">-->
        <!--    <img src="{{asset('employer-con/images/Career.png')}}" class="resize-img" height="98" width="150" style="opacity: .2">-->
        <!--</div>-->
        <div class="container-fluid mt-5 pb-4">

            <div class="row pl-2 pr-2">


                <div class="col-lg-8">
                   
                    <div class="card  px-lg-5  planscard3 shadow" style=" width:auto;">
                       
                        <div class="card-body d-flex flex-column ">
                            <!-- <div class="text-center">
                      <img src="https://drive.google.com/uc?export=view&id=1HswgEjS9kRoAKUDOMmDhnhUyyah7wBW9" class="img-fluid  mb-5" alt="Websearch">
                    </div> -->

                            <div class="card-title pricing2">

                                @if(session()->get('locale')=='ar')
                                <h5 class="">{{$plan['ar_title']}} {{$plan['duration']}} <span class="float-right">KWD {{$plan['price']}}</h5></span>
                                @else
                                <h5 class="">{{$plan['title']}} {{$plan['duration']}} <span class="float-right">KWD {{$plan['price']}}</h5></span>
                                @endif
                                <a href="{{route('plan-em')}}">{{__('Delete')}}</a>



                            </div>


                            <!-- <div class="text-center mt-auto mb-4">
                      <span class="fw-bold fs-2 ">$11</span>/month
                    </div> -->
                            <!--  <div class="float-left"><a href="#">Delete</a></div> -->

                        </div>


                    </div>
                    <form action="{{route('payment-em-plan')}}" method="get">
                        @csrf
                        <input type="hidden" value="{{$plan['id']}}" name="plan_id">
                    <div class=" form-check row pt-4">
                        <div class="col-md-7 pt-4 pl-4">

                            <input required class="form-check-input boxbdr d-inline pt-2" type="checkbox" value=""
                                id="flexCheckDefault">
                            <label class="form-check-label" for="flexCheckDefault">
                                <h6 class="pl-2" style="font-size: 20px;">{{__('I have read and agree to the')}} <a
                                        href="{{route('privacy_policy')}}">{{__('Privacy Policy')}}</a> {{__('And')}} <a
                                        href="{{route('terms_con')}}">{{__('Terms And Conditions')}}</a></h6>
                            </label>

                        </div>
                    </div>

                </div>



                <div class="col-lg-4 mb-3">
                    <!--<div-->
                    <!--    style="position: absolute; right: 0; right: -10px; top: 130px; float: right; padding-right: 0; z-index: -99;">-->
                    <!--    <img src="{{asset('employer-con/images/Arrow.png')}}" class="resize-img" height="70" width="250" style="opacity: .1;">-->
                    <!--</div>-->
                    <div class="card py-4 px-lg-5 planscard11 shadow mx-auto" style=" width:20rem; height:20rem;">
                        <div class="card-body d-flex flex-column pr-4" style="">
                            <!-- <div class="text-center">
                      <img src="https://drive.google.com/uc?export=view&id=1HswgEjS9kRoAKUDOMmDhnhUyyah7wBW9" class="img-fluid  mb-5" alt="Websearch">
                    </div> -->

                            <div class="card-title mb-4 fs-2 font-weight-bold pricing2">
                                <h5 class="">{{__('Price Details')}}</h5>
                                <!-- <h5 class="text-white">Intro</h5> -->
                                <h6 class="text-capitalize pt-2">{{__('Total')}} <span class="float-right">KWD {{$plan['price']}}</span></h6>
                                @if(session()->get('locale')=='ar')
                                <h6 class="text-capitalize pt-2">({{$plan['discount']}}% off){{__('Discount')}} <span class="float-right">KWD {{$plan['price']/100*$plan['discount']}}</span>
                                </h6>
                                @else
                                <h6 class="text-capitalize pt-2">{{__('Discount')}}({{$plan['discount']}}% off) <span class="float-right">KWD {{$plan['price']/100*$plan['discount']}}</span>
                                </h6>
                                @endif
                                <h6 class="text-capitalize pt-2">{{__('GST')}} ({{$plan['gst']}}%) <span class="float-right">KWD {{$plan['price']/100*$plan['gst']}}</span></h6>
                                <hr style="border-width: 2px;">

                                <h6 class="text-capitalize">{{__('Total Payable')}} <span class="float-right">KWD {{($plan['price']/100*$plan['gst'])+($plan['price'])-($plan['price']/100*$plan['discount'])}}</span></h6>
                            </div>
                            <div class="text-center"><a href="#"><button type="submit"
                                        class="btn btn-lg btn-primaryy btnsize1 text-uppercase"
                                        style="">{{__('Continue')}}</button></a></div>




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

            </div>
        </div>
    </section>
    
  
@endsection