@extends('layouts.store.app')
@section('pageTitle', trans('store.checkout'))

@section('content')

    @include('store.partials.common.breadcrumb')

    <!-- START MAIN CONTENT -->
    <div class="main_content">

        <!-- START SECTION SHOP -->
        <div class="section">
            <form name="quotes-form" action="{{ route('store.send') }}"
                  method="post">
                <div class="container">
                    @include('dashboard.partials._errors')
                    <div class="row">

                        <div class="col-md-6">
                            <div class="heading_s1">
                                <h4>@lang('store.billingDetails')</h4>
                            </div>

                            {{ csrf_field() }}
                            {{ method_field('post') }}

                            <div class="form-group">
                                <input type="text" class="form-control"
                                       id="to_name" name="to_name"
                                       value="{{ old('to_name') }}"
                                       placeholder="@lang('store.to_name')">
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control"
                                       id="vendor_name" name="vendor_name"
                                       value="{{ old('vendor_name') }}"
                                       placeholder="@lang('store.vendor_name')">
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control"
                                       id="address" name="address"
                                       value="{{ old('address') }}"
                                       placeholder="@lang('store.address')">
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control"
                                       id="city" name="city"
                                       value="{{ old('city') }}"
                                       placeholder="@lang('store.city')">
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control"
                                       id="phone" name="phone"
                                       placeholder="@lang('store.phone') @lang('store.example') - ( 0512345678 )"
                                       value="{{ old('phone') }}">
                            </div>
                            <div class="heading_s1">
                                <h4>@lang('store.additionalInformation')</h4>
                            </div>
                            <div class="form-group mb-0">
                                    <textarea rows="5" class="form-control"
                                              id="note" name="note"
                                              placeholder="@lang('store.orderNotes').">{{ old('note') }}</textarea>
                            </div>
                        </div>
                        <div class="col-md-6">
                            @push('head')
                                <style>
                                    .table-container {
                                        height: 335px;
                                        overflow: auto;
                                        position: relative;
                                    }

                                    .table-container table {
                                        width: 100%;
                                        border-collapse: collapse;
                                    }

                                    .table-container thead, .table-container tfoot {
                                        position: sticky;
                                        background-color: #f7f8fb;
                                    }

                                    .table-container thead {
                                        top: 0;
                                    }

                                    .table-container tfoot {
                                        bottom: 0;
                                    }

                                    .table-container th, .table-container td {
                                        padding: 8px;
                                        border: unset !important;
                                    }

                                    .alert-danger p {
                                        margin-block: unset;
                                    }

                                </style>
                            @endpush
                            <div class="order_review checkoutCart"
                                 data-url="{{route('store.view')}}">
                                @if(count($cartItems)>=1)

                                    <div class="heading_s1">
                                        <h4>@lang('store.cartTotals')</h4>
                                    </div>
                                    <div class="table-responsive order_table table-container ">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th>@lang('store.product')</th>
                                                <th>@lang('store.quantity')</th>
                                                @if(session('can_view_prices'))
                                                    <th>@lang('store.price')</th>
                                                @endif
                                            </tr>
                                            </thead>
                                            <tbody class="checkout-product-area">
                                            @include('store.partials.cart.checkoutItem')
                                            </tbody>
                                            <tfoot>
                                            <tr>
                                                <th>@lang('store.productsCount')</th>
                                                <td class="product-subtotal prod-count">{{count(session()->get('cartItems', []))}}</td>
                                            </tr>
                                            <tr>
                                                <th>@lang('store.totalQty')</th>
                                                <td class="product-subtotal cart-count">{{collect(session()->get('cartItems', []))->sum('emp_qty')}}</td>
                                            </tr>
                                            @if(session('can_view_prices'))
                                                <tr>
                                                    <th>@lang('store.total')</th>
                                                    <td class="product-subtotal">
                                                        <span
                                                            class="cart-total">{{number_format(collect(session()->get('cartItems', []))->sum('total'), 2)}}</span> @lang('store.sar')
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>@lang('store.total_tax')</th>
                                                    <td class="product-subtotal">
                                                        <span
                                                            class="cart-total-tax">{{number_format(collect(session()->get('cartItems', []))->sum('total_tax'), 2)}}</span> @lang('store.sar')
                                                    </td>
                                                </tr>
                                            @endif
                                            </tfoot>
                                        </table>
                                    </div>
                                    <div class="payment_method">
                                        <span>
                                            @lang('store.yourDetailsWill')
                                        </span>
                                    </div>
                                    @if(session('can_view_prices'))
                                        <span class="mini-cart-footer-msg">
                                            @include('store.partials.cart.miniCartFooterMsg')
                                        </span>
                                    @endif
                                    <span class="checkout-placeOrderBtn">
                                            @include('store.partials.checkout.placeOrderBtn')
                                    </span>
                                @else
                                    @include("store.partials.cart.emptyCartMsg")
                                @endif
                            </div>
                        </div>
                    </div>
                    @if(session('can_view_prices'))
                        <div class="row">
                            <div class="col-12">
                                <div class="divider center_icon"><i class="ti-credit-card"></i></div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-12 col-sm-12">
                            <div class="heading_s1">
                                <h4>طرق الدفع</h4>
                            </div>
                            <p>الدفع بالتحويل البنكي</p>
                            <ul class="widget_links">
                                <li><strong id="bank-name">اسم البنك:</strong> مصرف الراجحي</li>
                                <li><strong id="company-name">اسم الشركة:</strong> شركة سهم للتجارة والصناعة
                                </li>
                                <li><strong id="account-number">رقم الحساب:</strong> 168000010006080800090</li>
                                <li><strong id="iban-number">رقم الآيبان:</strong> SA4180000168608010800090</li>
                            </ul>
                            <p>الدفع بالتحويل البنكي</p>
                            <ul class="widget_links">
                                <li><strong id="bank-name">اسم البنك:</strong> البنك الأهلي التجاري</li>
                                <li><strong id="company-name">اسم الشركة:</strong> شركة سهم للتجارة والصناعة
                                </li>
                                <li><strong id="account-number">رقم الحساب:</strong> 20900000109110</li>
                                <li><strong id="iban-number">رقم الآيبان:</strong> SA6510000020900000109110</li>
                            </ul>
                        </div>
                    @endif
                </div>
            </form>
        </div>
        <!-- END SECTION SHOP -->

    </div>
    <!-- END MAIN CONTENT -->
@endsection