@extends($theme.'.layouts.admin')
@section('content')
<section class="checkout-page section-padding">
    <div class="container">
        <section class="p-3 mb-1 bg-white prod-block">
            <div class="pl-3">
                <div class="row">
                    <div class="col-md-8">
                        <a href="{{ URL::to('/') }}"><strong><span class="mdi mdi-home"></span> @lang('messages.Home')</strong></a> <span class="mdi mdi-chevron-right"></span> <a href="javascript:;">@lang('messages.CheckOut')</a>
                    </div>
                    <div class="col-md-4 text-right">
                        <a href="{{ url('mylist') }}" class="btn btn-danger btn-sm" style="float:right;color:white;border-radius:50px !important;"><i class="mdi mdi-heart"></i>@lang('messages.View My List')</a>
                    </div>
                </div>
            </div>
        </section>
        <input type="hidden" name="customer_id" id="customer_id" value="{{ Session::get('CustomerId') }}">
        <div class="col-lg-12">
            <div class="row prod-block bg-white">
               <div class="col-md-8">
                    <div class="checkout-step">
                        <div class="accordion" id="accordionExample">
                            <div class="card checkout-step-two">
                                <div class="card-header" id="headingTwo">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                            <span class="number">1</span> @lang('messages.Shipping Details')
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo" data-parent="#accordionExample">
                                    <div class="myaddress">
                                        @foreach($address_list as $a_key => $a_val)
                                            <div class="address-block">
                                                <h6><b>{{ $a_val->address_type }}</b></h6>
                                                <address>
                                                    <p class="mb-1"><strong>@lang('messages.Address'):</strong> {{ $a_val->address }}<br></p>
                                                    <p class="mb-1"><strong>@lang('messages.Flat No'):</strong> {{ $a_val->house_no }}<br></p>
                                                    <p class="mb-1"><strong>@lang('messages.Ward Name'):</strong> {{ $a_val->apartment_name }}<br></p>
                                                    <p class="mb-1"><strong>@lang('messages.Near By Location'):</strong> {{ $a_val->landmark }}<br></p>
                                                    <p class="mb-1"><strong>@lang('messages.Mobile Number'):</strong> {{ $a_val->mobile_number }}<br></p>
                                                </address>
                                                <a href="javascript:;"  data-toggle="address"  data-address-id="{{ $a_val->address_id }}" data-address-type="{{ $a_val->address_type }}" data-house-no="{{ $a_val->house_no }}" data-apartment-name="{{ $a_val->apartment_name }}" data-mobile-number="{{ $a_val->mobile_number }}" data-landmark="{{ $a_val->landmark }}" data-address="{{ $a_val->address }}" data-latitude="{{ $a_val->latitude }}" data-longitude="{{ $a_val->longitude }}"  data-township="{{ $a_val->township_id }}" class="edit-btn inline_block mar_r6 edit_address" id="edit_my_address_btn"><i class="fa fa-pencil" aria-hidden="true"></i> @lang('messages.Edit Address') </a>
                                                <div class="text-right">
                                                    <span style="float:left;cursor:pointer;">
                                                        <label style="cursor:pointer;">
                                                            <input name="default_delivery_address" class="radio_one default_delivery_address deliver_product" data-township="{{ $a_val->township_id }}" data-latitude="{{ $a_val->latitude }}" data-longitude="{{ $a_val->longitude }}" data-order-mobile="{{ $a_val->mobile_number }}" value="{{ $a_val->address_id }}" type="radio" checked="">
                                                            <span class="label-text">@lang('messages.Deliver Here')</span>
                                                        </label>
                                                    </span>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>

                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                @if(isset($address_list) && count($address_list) <= 2)
                                                    <a href="javascript:;" data-toggle="address" class="btn btn-success btn-lg border-none add_address" ><i class="mdi mdi-plus"></i>@lang('messages.Add Address') </a>
                                                @endif
                                            </div>
                                            <div class="col-md-6 text-right">
                                                <button type="button" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree" class="btn btn-secondary btn-lg">@lang('messages.Review Items')</button>
                                            </div>
                                        </div>

                                        <div class="address-sidebar">
                                            <div class="cart-sidebar-header">
                                                <h5>
                                                    <span class="address_title">@lang('messages.Add My Address')</span>
                                                    <a data-toggle="address" class="float-right" href="javascript:;"><i class="mdi mdi-close"></i></a>
                                                </h5>
                                            </div>
                                            {!!Form::open(array('class'=>'','id'=>'address_form'));!!}
                                                <div class="address-sidebar-body">
                                                    <div class="row">
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="control-label">@lang('messages.Orders Address Type')<span class="required">*</span></label>
                                                                <select name="address_type" id="address_type" class="select2 form-control">
                                                                    <option value="">@lang('messages.Select Address Type')</option>
                                                                    <option value="Home">@lang('messages.Home')</option>
                                                                    <option value="Work">@lang('messages.Work')</option>
                                                                    <option value="Other">@lang('messages.Other')</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="control-label">@lang('messages.House No')<span class="required">*</span></label>
                                                                <input name="house_no" id="house_no" class="form-control border-form-control" value="" placeholder="@lang('messages.House No')" type="text">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="control-label">@lang('messages.Ward Name')<span class="required">*</span></label>
                                                                <input type="text" id="apartment_name" name="apartment_name" class="form-control border-form-control" value="" placeholder="@lang('messages.Ward Name')">
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="control-label">@lang('messages.Mobile Number')<span class="required">*</span></label>
                                                                <input id="mobile_number" type="text" name="mobile_number" class="form-control border-form-control" value="" placeholder="@lang('messages.Mobile Number')">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="control-label">@lang('messages.Near By Location')<span class="required">*</span></label>
                                                                <input type="text" id="landmark" name="landmark" class="form-control border-form-control " value="" placeholder="@lang('messages.Near By Location')">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-sm-12">
                                                            <div class="form-group">
                                                                <label class="control-label">@lang('messages.Address') <span class="asterisk">*</span></label>
                                                                <input id="address" type="text" onKeyPress="return disableEnterKey(event)" name="address" value="" placeholder="Search your place and press enter" class="input-text select_place validate-place-map form-control" maxlength="100"/>
                                                                <div id="map" style=" width: 342px; height:200px;margin-top:10px;float:left;"></div>
                                                                <div class="gllpMap"></div>
                                                                <input type="hidden"  name="latitude" class="gllpLatitude" id="lat" value="">
                                                                <input type="hidden" name="longitude" class="gllpLongitude" id="lng" value="">
                                                                <input type="hidden" id="address_id" name="address_id" class="" value="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                   <button type="button" data-toggle="address" class="btn btn-secondary mb-2 btn-lg">@lang('messages.Cancel')</button>
                                                   <button type="submit" class="btn btn-secondary mb-2 btn-lg address_action">@lang('messages.Save')</button>
                                                </div>
                                            {!!Form::close();!!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingThree">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                            <span class="number">2</span> @lang('messages.Reviews Items')
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
                                    <div class="card-body">
                                        <div class="card card-body cart-table">
                                            <div class="table-responsive">
                                                <table class="table cart_summary rounded">
                                                    <thead>
                                                        <tr>
                                                            <th class="cart_product" >@lang('messages.Product')</th>
                                                            <th style="width:230px;">@lang('messages.Description')</th>
                                                            <!-- <th>@lang('messages.Unit price')</th> -->
                                                            <th style="width:160px;">@lang('messages.Qty')</th>
                                                            <th>@lang('messages.Total')</th>
                                                            <th class="action"></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if(!empty($cart_list))
                                                            @foreach($cart_list as $my_cart)
                                                                <tr class="list_cart" data-product="{{ $my_cart['product_id'] }}" data-cart-item="{{ $my_cart['warehouse_product_id'] }}">
                                                                    <td class="cart_product"><a href="javascript:;"><img class="img-fluid" src="{{ $my_cart['img'] }}" alt=""></a>
                                                                     <div class="clearfix"></div>
                                                                        @if ($my_cart['type'] == 'Veg')
                                                                              <span class="veg text-success mdi mdi-circle mt-1"></span>
                                                                           @else
                                                                              <span class="non-veg text-danger mdi mdi-circle mt-1"></span>
                                                                           @endif
                                                                     </td>
                                                                    <td class="cart_description">
                                                                        <h5 class="product-name"><a href="javascript:;">{{ $my_cart['name'] }}</a></h5>
                                                                        <h6>@lang('messages.Unit price') : <span>@lang('messages.Rs') {{ number_format($my_cart['discounted_price'],2) }}</span></h6>
                                                                        <h6>{{ $my_cart['variant_en'] }}</h6>
                                                                        @if($my_cart['is_special'] == 1)
                                                                            <select name="is_special_name" data-warehouse-product="{{ $my_cart['warehouse_product_id'] }}" data-product="{{ $my_cart['product_id'] }}" class="select2 form-control is_specialName">
                                                                               <option value="">@lang('messages.Select Special Options')</option>
                                                                        @foreach($special_request_data as $special_request)
                                                                           <option
                                                                                value="{{$special_request->id}}"
                                                                                @if(($my_cart['is_special_name_en'] == $special_request->name_en))
                                                                                selected
                                                                                @endif
                                                                                data-special-name-en="{{$special_request->name_en}}" >

                                                                                {{ $special_request->name_en }}

                                                                             </option>

                                                                        @endforeach
                                                                            </select>
                                                                        @endif
                                                                    </td>
                                                                    <!-- <td class="price"><span>@lang('messages.Rs') {{ number_format($my_cart['discounted_price'],2) }}</span></td> -->
                                                                    <td class="qty">
                                                                        <div class="input-group">

                                                                            <span class="input-group-btn">
                                                                                <button data-name="{{ $my_cart['name'] }}" data-img="{{ $my_cart['img'] }}" data-price="{{ $my_cart['price'] }}" data-variant-en="{{ $my_cart['variant_en'] }}" data-discounted-price="{{ $my_cart['discounted_price'] }}" data-vendor="1" data-product="{{$my_cart['product_id']}}" data-warehouse-product="{{ $my_cart['warehouse_product_id'] }}" class="minus btn btn-theme-round btn-number" type="button" @if($my_cart['qty'] == 1) disabled @endif>-</button>
                                                                            </span>

                                                                            <input type="number" max="10" min="0" onkeypress="restrictMinus(event);" value="{{ $my_cart['qty'] }}"data-name="{{ $my_cart['name'] }}" data-img="{{ $my_cart['img'] }}" data-price="{{ $my_cart['price'] }}" data-variant-en="{{ $my_cart['variant_en'] }}" data-discounted-price="{{ $my_cart['discounted_price'] }}" data-vendor="1" data-product="{{$my_cart['product_id']}}" data-warehouse-product="{{ $my_cart['warehouse_product_id'] }}" class="count_new form-control border-form-control form-control-sm input-number quantity" name="quantity">

                                                                            <span class="input-group-btn">
                                                                                <button data-name="{{ $my_cart['name'] }}" data-img="{{ $my_cart['img'] }}" data-price="{{ $my_cart['price'] }}" data-variant-en="{{ $my_cart['variant_en'] }}" data-discounted-price="{{ $my_cart['discounted_price'] }}" data-vendor="1" data-product="{{$my_cart['product_id']}}" data-warehouse-product="{{ $my_cart['warehouse_product_id'] }}" class="btn btn-theme-round plus btn-number" type="button">+</button>
                                                                            </span>

                                                                        </div>
                                                                    </td>
                                                                    @php $p_sub_total = ($my_cart['qty'] * $my_cart['discounted_price']);
                                                                    $sub_total = number_format($p_sub_total,2); @endphp
                                                                    <td class="subtotal"><span class="sub_total" data-product="{{$my_cart['product_id']}}">@lang('messages.Rs') {{ $sub_total }}</span></td>
                                                                    <td class="action">
                                                                        <a class="btn btn-sm btn-danger delete_cart" data-cart-item="{{$my_cart['warehouse_product_id']}}"  data-original-title="Remove" href="javascript:;" title="" data-placement="top" data-toggle="tooltip"><i class="mdi mdi-delete"></i></a>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                            <!-- <a href="checkout.html"><button class="btn btn-secondary btn-lg btn-block text-left" type="button"><span class="float-left"><i class="mdi mdi-cart-outline"></i> Proceed to Checkout </span><span class="float-right"><strong>Ks 1200.69</strong> <span class="mdi mdi-chevron-right"></span></span></button></a> -->
                                        </div>
                                        <div class="card-body text-right">
                                            <button type="button" type="button" data-toggle="collapse" data-target="#collapsethree" aria-expanded="false" aria-controls="collapsefour" class="btn btn-secondary mb-2 btn-lg">@lang('messages.Choose Delivery Date')</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingThree">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapsethree" aria-expanded="false" aria-controls="collapsethree">
                                            <span class="number">3</span>@lang('messages.Delivery Date')
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapsethree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="row">
                                                                                                        @foreach($grocery_timings as $key => $time)
                                                        <div class="col-md-6 m-1">
                                                            <span class="btn btn-danger btn-lg btn-block text-left" style="border-radius: 5px !important;" >
                                                                <label class="m-0" style="cursor: pointer;">
                                                                    <input name="grocery_timings" id="grocery_timings" class="radio_one grocery_timings" value="{{ $time->date }}" type="radio">
                                                                    <span class="label-text text-white">{{ $time->slot }}</span>
                                                                </label>
                                                            </span>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body text-right">
                                        <button type="button" type="button" data-toggle="collapse" data-target="#collapsefour" aria-expanded="false" aria-controls="collapsefour" class="btn btn-secondary mb-2 btn-lg">@lang('messages.Payment')</button>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingFour">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapsefour" aria-expanded="false" aria-controls="collapsefour">
                                            <span class="number">4</span>@lang('messages.Payment')
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapsefour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
                                    <div class="card-body">
                                        <div class="">
                                            <h6>@lang('messages.Choose Payment Type')</h6>
                                            <div class="row mt-3">
                                                @if (!empty($paymentModeList))
                                                    @foreach ($paymentModeList as $payment)
                                                                                                            <div class="col-md-4">
                                                            <span class="btn btn-dark btn-block btn-lg text-left" style="border-radius: 50px !important;" >
                                                                <label class="m-0" style="cursor: pointer;">
                                                                    <input name="default_payment_type" class="radio_one payment_type" value="{{$payment->id}}" type="radio">
                                                                    <span class="label-text text-white">
                                                                        {{$payment->name_en}}
                                                                    </span>
                                                                </label>
                                                            </span>

                                                        </div>
                                                                                                            @endforeach
                                                @else
                                                    <div class="col-md-4">
                                                        <span class="btn btn-dark btn-block btn-lg text-left" style="border-radius: 50px !important;" >
                                                            <label class="m-0" style="cursor: pointer;">
                                                                <input name="default_payment_type" class="form-control payment_type" value="1" type="radio">
                                                                <span class="label-text text-white">@lang('messages.Cash On Delivery')</span>
                                                            </label>
                                                        </span>
                                                    </div>
                                                @endif

                                                                                            </div>
                                            <div class="row mt-3 justify-content-md-center" id="bank-ref-block">
                                                <div class="col-md-4 pl-4">
                                                    <label class="m-0">@lang('messages.Bank REF Number')</label>
                                                    <input name="bank_transfer_no" id="bank_transfer_no" class="form-control bankrefnum" value="" type="text" placeholder="@lang('messages.Bank REF Number')">
                                                </div>
                                            </div>
                                            <div class="mt-5 text-right">
                                                <div class="col-md-5 ml-auto">
                                                    <button type="button" class="btn btn-secondary btn-lg btn-block place_order" style="font-size:18px;"><span class="mdi mdi-check-circle"></span> @lang('messages.Place Order')</button>
                                                </div>
                                            </div>
                                        </div>
                                                                            </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card ">
                        <h5 class="card-header" style="padding:13px 15px;">@lang('messages.Order Summary')</h5>
                        <div class="card-body">
                            <div class="cart-store-details">
                                <p>@lang('messages.Item Value') <strong class="order_subtotal float-right">@lang('messages.Rs') {{ ($subtotal > 0)?number_format($subtotal,2):0 }}</strong></p>
                                <div class="order_summary">
                                    @if ($discount > 0)
                                        <p>@lang('messages.Discount')<strong class='float-right text-success order_discount'>- @lang('messages.Rs')  {{number_format($discount,2)}}</strong></p>
                                    @endif
                                                                        @if(session()->has('promo_code'))