@extends('frontend.master', ['activePage' => 'checkout'])

@section('content')

{{-- breadcrumbs --}}
    @include('frontend.layout.breadcrumbs', [
        'title' => __('Checkout'),
        'page' => __('Checkout'),
    ])

{{-- page content --}}

  <!-- ======= Property Single ======= -->
  <section class="property-single nav-arrow-b">
    <div class="container">
        <input type="hidden" id="razor_key" name="razor_key" value="{{\App\Models\PaymentSetting::find(1)->razorPublishKey}}">
        <input type="hidden" id="stripePublicKey" name="stripePublicKey" value="{{\App\Models\PaymentSetting::find(1)->stripePublicKey}}">

      <form action="{{url('createOrder')}}" method="post" id="form">
        @csrf
        <div class="row">
            <div class="col-lg-12">
                @if (session('status'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('status') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                @endif
            </div>

            <div class="col-lg-7">
                <div class="card">
                    <div class="card-body single-ticket">
                        <h5 class="mb-4">{{__('Additional info and quantity')}}</h5>
                        <div class="quantity-section text-center mb-4">
                            <p class="mb-1">{{__('Quantity')}}</p>
                            <input type="hidden" value="{{$data->ticket_per_order}}" name="tpo" id="tpo">
                            <input type="hidden" value="{{$data->available_qty}}" name="available" id="available">
                            <div class="quantity">
                                <div class="pro-qty mt-3" >

                                    <span class="dec qtybtn" id="dec-{{$data->id}}">-</span>
                                    <input type="text" name="quantity" value="1">
                                    <span class="inc qtybtn" id="inc-{{$data->id}}">+</span>
                                </div>
                            </div>
                        </div>
                        <article class="ticket mb-4">
                            <header class="ticket__wrapper">
                              <div class="ticket__header">
                                <span>{{$data->ticket_number}}</span>

                              </div>
                            </header>
                            <div class="ticket__divider">
                              <div class="ticket__notch"></div>
                              <div class="ticket__notch ticket__notch--right"></div>
                            </div>
                            <div class="ticket__body">
                              <section class="ticket__section">
                                <h3>{{$data->name}}</h3>
                                <p>{{$data->description}}</p>
                              </section>
                              <section class="ticket__section">
                                @if($data->type=="free")
                                    <h2>{{__('Free')}}</h2>
                                @else
                                  <h3>{{$currency.$data->price}}</h3>
                                @endif
                              </section>
                              <section class="ticket__section">
                                <h3>{{__('Sales')}}</h3>
                                <p class="mb-0"><span>{{__('Start')}} : </span>{{$data->start_time->format('Y-m-d h:i a')}}</p>
                                <p class="mb-0"><span>{{__('end')}} : </span>{{$data->end_time->format('Y-m-d h:i a')}}</p>
                                <p><span>{{__('Quantity')}} : </span>{{$data->available_qty.' pcs left'}}</p>
                              </section>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
            <input type="hidden" name="price" id="ticket_price" value="{{$data->price}}">
            <input type="hidden" name="tax" id="tax_total" value="{{$data->type=="free"? 0:$data->tax_total}}">
            <input type="hidden" name="payment" id="payment" value="{{$data->type=="free"? 0:$data->price+$data->tax_total}}">
            <input type="hidden" name="payment_token" id="payment_token" >
            <input type="hidden" name="ticket_id" id="ticket_id" value="{{$data->id}}">
            <input type="hidden" name="coupon_id" id="coupon_id" value="">
            <input type="hidden" name="coupon_discount" id="coupon_discount" value="0">

            <div class="col-lg-5">
                <div class="card checkout-right mb-4">
                    <img src="{{url('images/upload/'.$data->event->image)}}">
                    <div class="card-body">
                        <div class="event-top text-center">
                            <h5>{{$data->event->name}}</h5>
                            @if($data->event->type=="online")
                                <p>{{__('Online Event')}}</p>
                            @else
                                <p>{{$data->event->address}}</p>
                            @endif
                        </div>
                        <div class="event-middle">
                            <div class="middle">
                                <p><span>{{$data->name}}</span> </p>
                                <p>
                                    @if($data->type=="free")
                                    <span>{{__('FREE')}}</span>
                                    @else
                                    <span class="qty">1</span>
                                    <span class="px-2"> *</span>
                                    <span class="price">{{$data->price}}</span>
                                    @endif
                                </p>
                            </div>
                            @if($data->type=="paid")
                            <input type="hidden" name="tax_data" value="{{$data->tax}}">
                            @foreach ($data->tax  as $item)
                              <div class="middle">
                                <p><span>{{$item->name}}</span> </p>
                                <p>
                                    <span class=""></span>
                                    <span class="px-2"></span>
                                    <span class="">(+) {{$item->price}}</span>
                                </p>
                              </div>
                            @endforeach
                            @endif
                        </div>
                        <div class="coupon-section mb-2 mt-3">
                            <div class="coupon-data">
                                <span>{{__('You have coupon to use')}}</span>
                                <span class="btn-apply">{{__('Apply')}} </span>
                            </div>
                        </div>
                        <div class="event-total">
                            <p class="mb-0"><span>{{__('Total')}}</span></p>
                            @if($data->type=="free")
                            <p class="mb-0"><span>{{$currency}}0.00</span></p>
                            @else
                            <p class="mb-0"><span class="total">{{$currency.($data->price+$data->tax_total)}}</span> </p>
                            @endif
                        </div>
                        {{-- <button class="btn btn-a btn-continue">Continue<i class="fa fa-angle-right pl-2"></i></i></button> --}}
                    </div>
                </div>