@extends('master.front')
@section('content')
    <!-- Start Bradcaump area -->
    <div class="ht__bradcaump__area bg-image--6"></div>
    <!-- End Bradcaump area -->
    <!-- Start Checkout Area -->
    <section class="wn__checkout__area section-padding--lg bg__white">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-12">
                    <div class="customer_details">
                        <h3>Sifarişçi məlumatları</h3>
                        <form action="{{ route('front.order') }}" method="post">
                        <div class="customar__field">
                            <div class="margin_between">
                                <div class="input_box space_between">
                                    <label>Ad <span>*</span></label>
                                    <input type="text" name="first_name" required>
                                </div>
                                <div class="input_box space_between">
                                    <label>Soyad <span>*</span></label>
                                    <input type="text" name="last_name" required>
                                </div>
                            </div>
                            <div class="input_box">
                                <label>Şəhər<span>*</span></label>
                                <select class="select__option" name="city" required>
                                    <option value="">Şəhəri seçin</option>
                                    @foreach($cities as $city)
                                        <option value="{{ $city->name }}">{{ $city->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="input_box">
                                <label>Ünvan <span>*</span></label>
                                <input type="text" name="address" required>
                            </div>
                            <div class="margin_between">
                                <div class="input_box space_between">
                                    <label>Telefon <span>*</span></label>
                                    <input type="text" name="phone" required>
                                </div>

                                <div class="input_box space_between">
                                    <label>E-poçt</label>
                                    <input type="email" name="email">
                                </div>
                            </div>
                            <div class="input_box box-tocart d-flex">
                                <div class="addtocart__actions">
                                    <button class="tocart">Sifarişi tamamla</button>
                                </div>
                            </div>
                        </div>
                            {{ csrf_field() }}
                        </form>
                    </div>
                </div>
                <div class="col-lg-6 col-12 md-mt-40 sm-mt-40">
                    <div class="wn__order__box">
                        <h3 class="onder__title">Sİzİn sİfarİşİnİz</h3>
                        <ul class="order__total">
                            <li>Məhsul</li>
                            <li>Qİymət</li>
                        </ul>
                        <ul class="order_product">
                            @foreach($products as $product)
                                <li>{{ $product['item']['name'] }} × {{ $product['qty'] }}<span>{{ $product['price'] }} AZN</span></li>
                            @endforeach
                        </ul>
                        <ul class="total__amount">
                            <li>Cəm qİymət <span>{{ $totalPrice }} AZN</span></li>
                        </ul>
                    </div>
{{--                    <div id="accordion" class="checkout_accordion mt--30" role="tablist">--}}
{{--                        <div class="payment">--}}
{{--                            <div class="che__header" role="tab" id="headingOne">--}}
{{--                                <a class="checkout__title" data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">--}}
{{--                                    <span>Direct Bank Transfer</span>--}}
{{--                                </a>--}}
{{--                            </div>--}}
{{--                            <div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion">--}}
{{--                                <div class="payment-body">Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order won’t be shipped until the funds have cleared in our account.</div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="payment">--}}
{{--                            <div class="che__header" role="tab" id="headingTwo">--}}
{{--                                <a class="collapsed checkout__title" data-toggle="collapse" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">--}}
{{--                                    <span>Cheque Payment</span>--}}
{{--                                </a>--}}
{{--                            </div>--}}
{{--                            <div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo" data-parent="#accordion">--}}
{{--                                <div class="payment-body">Please send your cheque to Store Name, Store Street, Store Town, Store State / County, Store Postcode.</div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="payment">--}}
{{--                            <div class="che__header" role="tab" id="headingThree">--}}
{{--                                <a class="collapsed checkout__title" data-toggle="collapse" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">--}}
{{--                                    <span>Cash on Delivery</span>--}}
{{--                                </a>--}}
{{--                            </div>--}}
{{--                            <div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree" data-parent="#accordion">--}}
{{--                                <div class="payment-body">Pay with cash upon delivery.</div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="payment">--}}
{{--                            <div class="che__header" role="tab" id="headingFour">--}}
{{--                                <a class="collapsed checkout__title" data-toggle="collapse" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">--}}
{{--                                    <span>PayPal <img src="images/icons/payment.png" alt="payment images"> </span>--}}
{{--                                </a>--}}
{{--                            </div>--}}
{{--                            <div id="collapseFour" class="collapse" role="tabpanel" aria-labelledby="headingFour" data-parent="#accordion">--}}
{{--                                <div class="payment-body">Pay with cash upon delivery.</div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}

                </div>
            </div>
        </div>
    </section>
    <!-- End Checkout Area -->
@endsection