@extends('website.layouts.app')

@section('content')

    @include('website.layouts.crumb')




    <section class="check-out-section pt-80 pb-50">
        <div class="container">
            <div class="row">
                @include('admin.layouts.error')
                <div class="col-lg-8 mb-30">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingOne">
                                <h5 class="mb-0">
                              
                                </h5>
                            </div>
                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
                                data-parent="#accordion">
                                <div class="card-body">
                                                                                                         

                                        <form method="post" action="{{ route('set.checkout') }}" enctype="multipart/form-data" class="personal-information" id="checkout-form">
                                            {{ csrf_field() }}

                                            <div class="form-group row">
                                                <label for="firstname" class="col-md-3 col-form-label">
                                                    {{ trans('home.address') }} </label>
                                                <div class="col-md-6">
                                                    <input type="text" class="form-control" placeholder="{{ trans('home.address') }}"
                                                    value="{{ auth()->user()->address }}" name="address">
                                                </div>
                                            </div>

                                            <div class="form-group row">
                                                <label for="firstname" class="col-md-3 col-form-label">
                                                    {{ trans('admin.phone') }} </label>
                                                <div class="col-md-6">
                                                    <input type="text" class="form-control" placeholder="{{ trans('admin.phone') }}"
                                                    value="{{ auth()->user()->phone }}" name="phone">
                                                </div>
                                            </div>

                                            <div class="form-group row">
                                                <label for="firstname" class="col-md-3 col-form-label">
                                                    {{ trans('home.Shipment') }} </label>
                                                <div class="col-md-6">
                                                    <select class="niceselect_option form-control" name="area" id="selectArea"
                                                    data-url="{{ url('getArea') }}">
                                                    <option value="">{{ trans('home.select') }}</option>
                                                    @foreach (getArea() as $area)
                                                        <option value="{{ $area->id }}">
                                                            {{ $area['name_' . getLang()] }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                </div>
                                            </div>

                                            <div class="form-group row">
                                                <label for="firstname" class="col-md-3 col-form-label">
                                                    {{ trans('home.orderNotes') }} </label>
                                                <div class="col-md-6">
                                                    <textarea id="order_note" placeholder="{{ trans('home.orderNotes') }}"
                                                            name="order_notes" class="form-control"></textarea>
                                                </div>
                                            </div>

                                            </div>
                                        </form>





                                    </form>
                                </div>
                            </div>
                        </div>
                   
                    </div>
                <div class="col-lg-4 mb-30">
                    <ul class="list-group cart-summary rounded-0">
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <ul class="items">
                                <li>{{ Cart::count() }} {{ trans('home.item') }}</li>
                            </ul>
                            <ul class="amount">
                                <li>{{ Cart::subtotal() }} {{ trans('admin.LE') }}</li>
                            </ul>
                        </li>
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <ul class="items">
                                <li>{{ trans('home.deliverys') }}</li>
                                <li>{{ trans('home.tax') }}</li>
                                <li>{{ trans('home.total') }}</li>
                            </ul>
                            <ul class="amount">
                                <li> <span id="priceDelivery">0</span> {{ trans('admin.LE') }} </li>
                                <li>{{ Cart::tax() }} {{ trans('admin.LE') }}</li>
                                <li class="total">{{ Cart::total() }} {{ trans('admin.LE') }}</li>
                            </ul>
                        </li>
                        @if (Cart::count() > 0)
                            <li class="list-group-item text-center">                              
                                <button class="btn theme-btn--dark1 btn--md" type="submit" form="checkout-form"> {{ trans('home.checkOut') }}</button>
                            </li>
                        @endif
                    </ul>

                </div>
            </div>
        </div>
    </section>




@endsection

@section('script')

    <script type="text/javascript">
        $(document).ready(function() {

            var totalCart = '{{ Cart::total() }}';

            $('#selectArea').on('change', function(e) {

                var optionSelected = $("option:selected", this);

                var valueSelected = this.value;

                var url = $(this).attr('data-url');

                if (valueSelected != '') {

                    $.ajax({

                        type: "GET",
                        url: url + '/' + valueSelected,
                        success: function(data) {

                            $('.priceLabel, #priceDelivery').empty();
                            $('.priceLabel, #priceDelivery').append(data);
                            $('.deliveryInput').val(data);

                            var totalAfterDelivery = +data + +totalCart;

                            $('.total').empty();
                            $('.total').append(totalAfterDelivery);

                            $('.totalInput').val(totalAfterDelivery);

                        }

                    });

                } else {

                    $('.priceLabel, #priceDelivery').empty();
                    $('.priceLabel, #priceDelivery').append(0);
                    $('.deliveryInput').val(0);

                    $('.total').empty();
                    $('.total').append(totalCart);
                    $('.totalInput').val(totalCart);

                }

            });

        });

    </script>

@endsection