@extends('layouts.main')
@section('seo')
    <meta name="description" content="">
    <title>{{   __('checkout.seo.title') . " - " . config('app.name', 'Laravel') }}</title>
@endsection

@section('content')
{{--<div id="pageloader">--}}
{{--    <img src="/uploads/gif/loader3.gif" alt="Caricamento..." style="background-size:cover;width:150px;" />--}}
{{--</div>--}}
{{--<!-- ========== MAIN CONTENT ========== -->--}}

{{--<!-- Start of Main -->--}}
{{--<main class="main">--}}
{{--    <div class="container mb-80 mt-40 cart-header">--}}
{{--        <div class="row">--}}
{{--            <div class="col-lg-8 mb-20">--}}
{{--                <h1 class="heading-2 mb-10">Checkout</h1>--}}
{{--                <div class="d-flex justify-content-between">--}}
{{--                    <h6 class="text-body">You have <span class="text-brand">{{getCartCounter()}}</span> @if(getCartCounter() > 1)--}}
{{--                        products @endif @if(getCartCounter() <= 1) product @endif in your cart</h6>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}

{{--        <div class="row">--}}
{{--            <div class="col-lg-7">--}}
{{--                <div class="checkout-billing-wrapper p-md-4">--}}
{{--                    <h4 class="mb-30">{!! __('checkout.address.first') !!}</h4>--}}
{{--                    <form action="{{ route('checkout.store') }}" method="POST" enctype="multipart/form-data" id="payment-form">--}}
{{--                        @csrf--}}

{{--                        <!-- Billing Profiles -->--}}
{{--                        <h4 class="mb-3">Billing Profiles</h4>--}}
{{--                        <div class="row">--}}
{{--                            @if ($billingProfiles->isNotEmpty())--}}
{{--                                @foreach ($billingProfiles as $profile)--}}
{{--                                    <div class="col-md-6 mb-3">--}}
{{--                                        <div class="profile_billing card h-100 {{ $profile->default ? 'border-top-3 border-primary' : '' }}" data-id="{{ $profile->id }}">--}}
{{--                                            <div class="card-body">--}}
{{--                                                <h5 class="card-title">{{ $profile->name }}</h5>--}}
{{--                                                <p class="card-text">{{ $profile->street }}, {{ $profile->address }}<br>City: {{ $profile->city }}, {{ $profile->province }}</p>--}}
{{--                                                <input type="radio" name="billing_profile_id" id="billing_profile_id" value="{{ $profile->id }}" class="d-none" {{ $profile->default ? 'checked' : '' }}>--}}
{{--                                                @if ($profile->default)--}}
{{--                                                    <label for="{{ 'billing_' . $profile->id }}" class="w-100 btn btn-primary active">Selected</label>--}}
{{--                                                @else--}}
{{--                                                    <label for="{{ 'billing_' . $profile->id }}" class="w-100 btn btn-primary">Select</label>--}}
{{--                                                @endif--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                @endforeach--}}
{{--                            @else--}}
{{--                                <p>No billing profiles found. Please <a href="{{ route('address.create', ['billing']) }}">add a billing profile</a>.</p>--}}
{{--                            @endif--}}
{{--                        </div>--}}

{{--                        <!-- Shipping Profiles -->--}}
{{--                        <h4 class="mb-3 mt-5">Shipping Profiles</h4>--}}
{{--                        <div class="row">--}}
{{--                            @if ($shippingProfiles->isNotEmpty())--}}
{{--                                @foreach ($shippingProfiles as $profile)--}}
{{--                                    <div class="col-md-6 mb-3">--}}
{{--                                        <input type="hidden" id="shipping_profile_id" name="shipping_profile_id" value="{{ old('shipping_profile_id', $profile->id ?? '') }}">--}}
{{--                                        <div class="profile_shipping card h-100 {{ $profile->default ? 'border-top-3 border-primary' : '' }}" data-id="{{ $profile->id }}">--}}
{{--                                            <div class="card-body">--}}
{{--                                                <h5 class="card-title">{{ $profile->name }}</h5>--}}
{{--                                                <p class="card-text">{{ $profile->street }}, {{ $profile->address }}<br>City: {{ $profile->city }}, {{ $profile->province }}</p>--}}
{{--                                                <input type="radio" name="shipping_profile_id" id="shipping_profile_id" value="{{ $profile->id }}" class="d-none" {{ $profile->default ? 'checked' : '' }}>--}}
{{--                                                @if ($loop->first)--}}
{{--                                                    <label for="{{ 'shipping_' . $profile->id }}" class="w-100 btn btn-primary active">Selected</label>--}}
{{--                                                @else--}}
{{--                                                    <label for="{{ 'shipping_' . $profile->id }}" class="w-100 btn btn-pcrimary">Select</label>--}}
{{--                                                @endif--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                @endforeach--}}
{{--                            @else--}}
{{--                                <p>No shipping profiles found. Please <a href="{{ route('address.create', ['shipping']) }}">add a shipping profile</a>.</p>--}}
{{--                            @endif--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--            </div>--}}
{{--            <div class="col-lg-5">--}}
{{--                <div class="border p-md-4 cart-totals mb-30">--}}
{{--                    <div class="d-flex align-items-end justify-content-between mb-30">--}}
{{--                        <h4>Your order</h4>--}}
{{--                        <h6 class="text-muted">Subtotal</h6>--}}
{{--                    </div>--}}
{{--                    <div class="table-responsive order_table checkout">--}}
{{--                        <table class="table no-border">--}}
{{--                            <tbody>--}}
{{--                                @if(session('cart'))--}}
{{--                                @foreach(session('cart') as $id => $details)--}}
{{--                                <tr>--}}
{{--                                    @if($details['img_01'] !== null && Storage::exists($details['img_01']))--}}
{{--                                    <td class="image product-thumbnail"><img src="{{ Storage::url($details['img_01']) }}" alt="{{ route('shop.show',[$details['slug'], $id]) }}">--}}
{{--                                    </td>--}}
{{--                                    @else--}}
{{--                                    <td class="image product-thumbnail"><img src="{{'/uploads/default/default.jpg' }}" alt="{{ route('shop.show',[$details['slug'], $id]) }}">--}}
{{--                                    </td>--}}
{{--                                    @endif--}}
{{--                                    <td>--}}
{{--                                        <h6 class="w-160 mb-5"><a href="{{ route('shop.show',[$details['slug'], $id]) }}" class="text-heading">{!! substr($details['name'], 0, 30)!!}{!! strlen($details['name']) > 30 ? '...' : ""!!}</a>--}}
{{--                                        </h6>--}}

{{--                                    </td>--}}
{{--                                    <td>--}}
{{--                                        <h6 class="text-muted pl-20 pr-20">--}}
{{--                                            x {{ $details['quantity'] }}</h6>--}}
{{--                                    </td>--}}
{{--                                    <td>--}}
{{--                                        <h4 class="text-brand">--}}
{{--                                            {{ priceView($details['quantity'] * $details['price'], true)}}--}}
{{--                                        </h4>--}}
{{--                                    </td>--}}
{{--                                </tr>--}}
{{--                                @endforeach--}}
{{--                                @endif--}}

{{--                            </tbody>--}}

{{--                        </table>--}}

{{--                    </div>--}}
{{--                    <div class="divider-2 mb-30"></div>--}}
{{--                    <div class="row checkout-billing-total-wrapper">--}}
{{--                        <div class="col-6">--}}
{{--                            <h4>Tax</h4>--}}
{{--                        </div>--}}
{{--                        <div class="col-6 text-right">--}}
{{--                            <h4>--}}
{{--                                {{ priceView($newTax) }}--}}
{{--                            </h4>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="row checkout-billing-total-wrapper">--}}
{{--                        <div class="col-6">--}}
{{--                            <h4>Shipping</h4>--}}
{{--                        </div>--}}
{{--                        <div class="col-6 text-right">--}}
{{--                            <h4>--}}
{{--                                {{ priceView(config('shop.shop_shipping_cost')) }}--}}
{{--                            </h4>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="row checkout-billing-total-wrapper">--}}
{{--                        <div class="col-6">--}}
{{--                            <h4>Total</h4>--}}
{{--                        </div>--}}
{{--                        <div class="col-6 text-right">--}}
{{--                            <h4>--}}
{{--                                {{ priceView($newTotal) }}--}}
{{--                            </h4>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="payment-methods p-md-4" id="payment_method">--}}
{{--                    <h4 class="title font-weight-bold ls-25 pb-0 mb-4">Payment Method</h4>--}}
{{--                    <div class="form-group">--}}
{{--                        @if(!$containsEbook)--}}
{{--                        <div class="form-check">--}}
{{--                            <input class="" type="radio" name="payment_method" id="CashOnDelivery" value="cash-on-delivery">--}}
{{--                            <label class="form-check-label">--}}
{{--                                Cash on delivery--}}
{{--                            </label>--}}
{{--                        </div>--}}
{{--                        @endif--}}

{{--                        <div class="form-check">--}}
{{--                            <input class="" type="radio" name="payment_method" id="CardPayment" value="card-payment">--}}
{{--                            <label class="form-check-label" >--}}
{{--                                Card--}}
{{--                            </label>--}}
{{--                        </div>--}}

{{--                    </div>--}}
{{--                </div>--}}
{{--                @if(session()->has('cart'))--}}
{{--                <div class="form-group place-order pt-6">--}}
{{--                    <button type="submit" class="btn btn-fill-out btn-block mt-30" id="button-order">{{ __('home.proceed') }}<i class="fi-rs-sign-out ml-15"></i>--}}
{{--                    </button>--}}
{{--                </div>--}}
{{--                @endif--}}

{{--                <div class="payment-logo d-flex">--}}
{{--                    <img class="mr-15" src="/assets/imgs/theme/icons/payment-visa.svg" alt="">--}}
{{--                    <img class="mr-15" src="/assets/imgs/theme/icons/payment-master.svg" alt="">--}}
{{--                </div>--}}
{{--                </form>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--    <!-- End of PageContent -->--}}
{{--</main>--}}
{{--<!-- End of Main -->--}}

{{--<!-- ========== END MAIN CONTENT ========== -->--}}

<livewire:checkout />

@endsection
{{--@section("extraJs")--}}
{{--    <script>--}}
{{--        document.addEventListener('livewire:load', function () {--}}
{{--        console.log("I'm here111");--}}
{{--            --}}
{{--        });--}}
{{--    </script>--}}
{{--@endsection--}}