@extends('layouts.app')
@section('title')
Checkout - Order summary
@endsection

@section('content')
<section>
    <div class="container-fluid">
      <div class="row g-0">
        <div class="col-xl-3 col-lg-12 col-md-12 p-0">
          <div class="left_sidebar">
            <div class="website_logo">
                <a href="#"><img src="{{asset('img/logo.svg')}}" alt="logo"></a>
            </div>
            <div class="side_menu">
              {{-- <a href="index.html"><i class="fa-solid fa-house"></i> postshop.ch</a> --}}
            </div>
          </div>
        </div>
        <div class="col-xl-9 col-lg-12 col-md-12 p-0">
          <main>
            <div class="container-fluid">
              <div class="row">
                <div class="col-12 p-0">
                  <div class="page_title">
                    <p><i class="fa-solid fa-lock"></i> {{__('message.Secure connection')}} </p>
                  </div>
                </div>
              </div>
              <div class="row mt-5">
                <div class="col-12">
                  <ul id="progressbar">
                    <li id="login" class="active"><strong><a href="#">{{__('message.Delivery Details')}} </a></strong></li>
                    <li class="active newicon" id="addressa"><strong><a href="#">{{__('message.Addresses')}}</a></strong></li>
                    <li id="order" class="preactive"><strong>{{__('message.Order Summary')}}</strong></li>
                    <li id="payment"><strong>{{__('message.Payment')}}</strong></li>
                  </ul>
                </div>
              </div>
              <div class="row">
                <div class="col-md-12 p-0">
                    <div class="col-md-7 p-0">
                        <div class="form_box form_box3 mt-4">
                          <h2 class="review_title">{{__('message.Review')}}</h2>
                          <form class="needs-validation" method="post" action="{{route('placeorder')}}" id="msform2">
                            @csrf
                            @method('GET')
                            <input type="hidden" name="data" value="{{$data}}">
                            <address>
                                <div class="form-row">
                                  <div class="col-6">
                                    <h4>{{__('message.Your details')}}</h4>
                                  </div>
                                  <div class="col-6 customizable">
                                    <p class="m-0"><a href="{{route('address')}}"><i class="fa-solid fa-pen"></i>{{__('message.Edit')}}</a></p>
                                  </div>
                                </div>
                                <p>{{request()->get('email')}}</p>
                                <p>{{request()->get('phone')}}</p>
                              </address>
                            <address>
                                <div class="form-row">
                                    <div class="col-6">
                                         <h4>{{__('message.Delivery details')}}</h4>
                                         <p>{{request()->get('title')}} <span> {{request()->get('first_name').' ' .request()->get('last_name')}}</span>
                                        </p>
                                        <p class="mt-1"> {{request()->get('street')}}</p>
                                        <p class="mt-1"> {{request()->get('town')}}</p>
                                        <p class="mt-1"> {{request()->get('company_association')}} {{request()->get('postcode')}}</p>
                                       <p class="mt-1">{{request()->get('countryIso')}}</p>
                                    </div>
                                    <div class="col-6 customizable">
                                        <p class="m-0"><a href="{{route('address')}}"><i class="fa-solid fa-pen"></i>{{__('message.Edit')}}</a></p>
                                      </div>
                                </div>


                            </address>
                            <address>
                                <div class="form-row">
                                  <div class="col-12">
                                    <h4>{{__('message.Billing details')}}</h4>
                                  </div>
                                </div>
                                <p>{{__('message.as per delivery address')}}</p>

                              </address>
                            <address>

                              <p>{{__('message.Registered postage(switzerland)')}}</p>

                            </address>
                            <address>
                              <h4>{{__('message.Order Nots')}}</h4>
                              <textarea rows="5"  class="form-control" placeholder="{{__('message.type your message')}}"></textarea>
                            </address>


                          <div class="form-group mb-0 mt-5">
                            <div class="form-check">
                              <label for="invalidCheck2" class="customCheck">{{__('message.I have read and accept the')}} <a
                                  href="#">{{__('message.General Terms and Conditions.')}}</a>
                                  <input type="checkbox" class="form-check-input" value="" id="invalidCheck2">
                                <span class="checkmark"></span>

                              </label>

                            </div>
                          </div>

                          <div class="form-group">
                            <div class="form-check mt-2 mb-4">
                              <label for="invalidCheck3" class="customCheck">{{__('message.I would like to subscribe to the newsletter to stay informed about news and promotions on')}}

                                <input type="checkbox" class="form-check-input" value="" id="invalidCheck3">
                                <span class="checkmark"></span>

                              </label>
                            </div>
                          </div>
                          <div class="paginationbtn2">
                            <div class="form-row">
                              <div class="col-12">
                                <div class="nextBtn text-right">
                                    <button id="paybtn" class="btn "  disabled>
                                        {{__('message.Confirm to pay')}}</button>
                                </div>
                              </div>
                            </div>
                          </div>
                        </form>
                        </div>
                      </div>
                </div>
              </div>

            </div>
          </main>

        @include('layouts.footer')
        </div>
      </div>
    </div>
</section>


@endsection

@push('scripts')
<script>
    $(document).ready(function() {
    $('#invalidCheck2').click(function() {
        if($(this).is(':checked')){
            $('#paybtn').prop("disabled", false);
    }else{
        $('#paybtn').prop("disabled", true);
    }

});



});

</script>
@endpush