@extends('frontend.pages.layouts.master')
@section('content')

    <div class="container p-lg-0 my-5">
        <div class="row">
            <div class="col-lg-12">
                <h4>Guest Checkout</h4>
                <div class="text-gray-400 fw-bold mb-3">I already have an account
                    <a href="/my-cart?mode=login&board_section=cart&customer_status=login"
                       class="link-primary fw-bolder">Login</a>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="card">
                    <div class="card-header">
                        <h5 class="fw-semibold mb-0">Your Order</h5>
                    </div>
                    <div class="card-body">
                        @foreach (session('cart') as $key => $car_item)
                            @php
                                $total = $car_item['quantity'] * $car_item['price'];
                                $item_key = $key;
                            @endphp
                            <div class="card border-0 shadow-none my-3">
                                <div class="row g-3 g-md-3 align-items-start">
                                    <div class="col-md-2">
                                        <img src="/{{ get_image($car_item['photo']) }}" class="img-fluid w-100" alt="{{$car_item['name']}}">
                                    </div>
                                    <div class="col-md-10">
                                        <div class="card-body p-0">
                                            <div class="d-flex justify-content-between">
                                                <div>
                                                    <h5 class="text-red-500 mb-0">{{$car_item['name']}}</h5>
                                                    <span><small><b>Quantity</b>: {{$car_item['quantity']}}</small></span>
                                                    <ul class="d-flex flex-wrap justify-content-between align-items-center list-unstyled">
                                                        @foreach (json_decode($car_item['variants']) as $key => $variant_value)
                                                            <li class="me-2"><small><b>{{ get_variant_value($key) }}</b>:{{ get_option_value($variant_value) }}</small></li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                                <div class="d-flex gap-1 cursor-pointer">
                                                    <h5 class="text-red-500 fw-bold">{{default_currency()->sign}}{{number_format($total,2)}}<sub>+GST</sub></h5>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="border-dotted"></div>
                            </div>
                        @endforeach
                        @php $grand_total=0; @endphp
                        @if (\Illuminate\Support\Facades\Session::has('cart'))
                            @foreach (session('cart') as $key => $car_item)
                                @php
                                    $total = $car_item['quantity'] * $car_item['price'];
                                    $item_key = $key;
                                @endphp
                                @php $grand_total += $total @endphp
                            @endforeach
                        @endif
                        <table class="table table-light table-striped mt-2">

                            <tr>
                                <th class="fw-semibold">Sub Total:</th>
                                <td>{{default_currency()->sign}}{{number_format($grand_total,2)}}</td>
                            </tr>
                            @php $all_tax_amount = 0;$tax_amount = 0; $rounded_total=$grand_total; @endphp
                            @foreach(\App\Models\Commerce\TaxSetting::where('status',1)->get() as $tax_item)
                                @php $tax_amount = $grand_total*($tax_item->rate)/100;  $all_tax_amount+=$tax_amount @endphp
                                <tr>
                                    <th class="fw-semibold">{{$tax_item->name}}:</th>
                                    <td>{{default_currency()->sign}}{{number_format($tax_amount,2)}}</td>
                                </tr>
                            @endforeach
                            <tr>
                                <th class="fw-semibold">Delivery:</th>
                                <td>{{default_currency()->sign}}{{number_format(request('delivery'),2)}}</td>
                            </tr>
                            @php $rounded_total=$all_tax_amount+$grand_total+request('delivery'); @endphp
                            <tr>
                                <th>Total (inc GST) :</th>
                                <td>{{default_currency()->sign}}{{number_format($rounded_total,2)}}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-lg-7">
                @include('layouts.message')
                @if(count($errors)>0)
                    <div class="spacer"></div>
                    <div class="alert alert-danger">
                        <ul>
                            @error('email') <li>You already have an account with this email address. Please <a href="/my-cart?mode=login&board_section=cart&customer_status=login">Login</a> to continue</li> @enderror
                            {{--@foreach($errors->all() as $error)--}}
                                {{--<li>{!! $error !!}</li>--}}
                            {{--@endforeach--}}
                        </ul>
                    </div>
                @endif
                <form action="" method="post">
                    {{csrf_field()}}
                    <div class="card">
                        <!--begin::Modal header-->
                        <div class="card-header d-flex justify-content-between">
                            <!--begin::Modal title-->
                            <h5 class="fw-semibold mb-0">Billing Details</h5>
                            <!--end::Modal title-->
                        </div>
                        <!--end::Modal header-->

                        <!--begin::Modal body-->
                        <div class="card-body py-2 px-lg-4">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="fv-row mb-2">
                                        <!--begin::Input-->
                                        <Label>First Name <span class="text-danger">*</span></Label>
                                        <input class="p-2 form-control form-control-sm border border-dark @error('first_name') is-invalid @enderror" value="{{old('first_name')}}" type="text"
                                               name="first_name" />
                                        <!--end::Input-->

                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="fv-row mb-2">
                                        <!--begin::Input-->
                                        <Label>Last Name <span class="text-danger">*</span></Label>
                                        <input class="p-2 form-control form-control-sm border border-dark @error('last_name') is-invalid @enderror"  value="{{old('last_name')}}" type="text"
                                               name="last_name" />
                                        <!--end::Input-->

                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="fv-row mb-2">
                                        <!--begin::Input-->
                                        <Label>Company Name</Label>
                                        <input class="p-2 form-control form-control-sm border border-dark @error('company_name') is-invalid @enderror"  value="{{old('company_name')}}" type="text"
                                               name="company_name" />
                                        <!--end::Input-->

                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="fv-row mb-2">
                                        <!--begin::Input-->
                                        <Label>Mobile Number <span class="text-danger">*</span></Label>
                                        <input class="p-2 form-control form-control-sm border border-dark @error('mobile') is-invalid @enderror"  value="{{old('mobile')}}" type="text"
                                               name="mobile" />
                                        <!--end::Input-->
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="fv-row mb-2">
                                        <!--begin::Input-->
                                        <Label>Email Address <span class="text-danger">*</span></Label>
                                        <input class="p-2 form-control form-control-sm border border-dark @error('email') is-invalid @enderror"  value="{{old('email')}}" type="email"
                                               name="email" />
                                        <!--end::Input-->
                                        {{--@error('email') <span class="text-danger">{{$message}}</span> @enderror--}}
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group mb-3">
                                        <label for="billing_street_address_1">Street Address 1 <span class="text-danger">*</span></label>
                                        <input type="text" id="billing_street_address_1" name="billing_street_address_1"  value="{{old('billing_street_address_1')}}" class=" @error('billing_street_address_1') is-invalid @enderror  p-2 form-control form-control-sm border border-dark">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group mb-3">
                                        <label for="billing_city">City <span class="text-danger">*</span></label>
                                        <input type="text" id="billing_city" name="billing_city" value="{{old('billing_city')}}" class=" @error('billing_city') is-invalid @enderror p-2 form-control form-control-sm border border-dark">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group mb-3">
                                        <label for="billing_state">State <span class="text-danger">*</span></label>
                                        <input type="text" id="billing_state" name="billing_state" value="{{old('billing_state')}}" class=" @error('billing_state') is-invalid @enderror p-2 form-control form-control-sm border border-dark">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group mb-3">
                                        <label for="billing_postcode">Postcode <span class="text-danger">*</span></label>
                                        <input type="number" id="billing_postcode" name="billing_postcode" value="{{old('billing_postcode')}}" class=" @error('billing_postcode') is-invalid @enderror p-2 form-control form-control-sm border border-dark">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group mb-3">
                                        <label for="billing_country">Country <span class="text-danger">*</span></label>
                                        <input type="text" id="billing_country" name="billing_country" value="{{old('billing_country')}}" class=" @error('billing_country') is-invalid @enderror p-2 form-control form-control-sm border border-dark">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--end::Modal body-->
                    </div>
                    <div class="card mt-3">
                        <!--begin::Modal header-->
                        <div class="card-header d-flex justify-content-between">
                            <!--begin::Modal title-->
                            <h5 class="fw-semibold mb-0">Billing Details</h5>
                            <!--end::Modal title-->
                        </div>
                        <!--end::Modal header-->

                        <!--begin::Modal body-->
                        <div class="card-body py-2 px-lg-4">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="fv-row mb-2">
                                        <!--begin::Input-->
                                        <Label>First Name <span class="text-danger">*</span></Label>
                                        <input class="p-2 form-control form-control-sm border border-dark @error('first_name') is-invalid @enderror" value="{{old('first_name')}}" type="text"
                                               name="first_name" />
                                        <!--end::Input-->

                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="fv-row mb-2">
                                        <!--begin::Input-->
                                        <Label>Last Name <span class="text-danger">*</span></Label>
                                        <input class="p-2 form-control form-control-sm border border-dark @error('last_name') is-invalid @enderror"  value="{{old('last_name')}}" type="text"
                                               name="last_name" />
                                        <!--end::Input-->

                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="fv-row mb-2">
                                        <!--begin::Input-->
                                        <Label>Company Name</Label>
                                        <input class="p-2 form-control form-control-sm border border-dark @error('company_name') is-invalid @enderror"  value="{{old('company_name')}}" type="text"
                                               name="company_name" />
                                        <!--end::Input-->

                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="fv-row mb-2">
                                        <!--begin::Input-->
                                        <Label>Mobile Number <span class="text-danger">*</span></Label>
                                        <input class="p-2 form-control form-control-sm border border-dark @error('mobile') is-invalid @enderror"  value="{{old('mobile')}}" type="text"
                                               name="mobile" />
                                        <!--end::Input-->
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="fv-row mb-2">
                                        <!--begin::Input-->
                                        <Label>Email Address <span class="text-danger">*</span></Label>
                                        <input class="p-2 form-control form-control-sm border border-dark @error('email') is-invalid @enderror"  value="{{old('email')}}" type="email"
                                               name="email" />
                                        <!--end::Input-->
                                        {{--@error('email') <span class="text-danger">{{$message}}</span> @enderror--}}
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group mb-3">
                                        <label for="billing_street_address_1">Street Address 1 <span class="text-danger">*</span></label>
                                        <input type="text" id="billing_street_address_1" name="billing_street_address_1"  value="{{old('billing_street_address_1')}}" class=" @error('billing_street_address_1') is-invalid @enderror  p-2 form-control form-control-sm border border-dark">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group mb-3">
                                        <label for="billing_city">City <span class="text-danger">*</span></label>
                                        <input type="text" id="billing_city" name="billing_city" value="{{old('billing_city')}}" class=" @error('billing_city') is-invalid @enderror p-2 form-control form-control-sm border border-dark">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group mb-3">
                                        <label for="billing_state">State <span class="text-danger">*</span></label>
                                        <input type="text" id="billing_state" name="billing_state" value="{{old('billing_state')}}" class=" @error('billing_state') is-invalid @enderror p-2 form-control form-control-sm border border-dark">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group mb-3">
                                        <label for="billing_postcode">Postcode <span class="text-danger">*</span></label>
                                        <input type="number" id="billing_postcode" name="billing_postcode" value="{{old('billing_postcode')}}" class=" @error('billing_postcode') is-invalid @enderror p-2 form-control form-control-sm border border-dark">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group mb-3">
                                        <label for="billing_country">Country <span class="text-danger">*</span></label>
                                        <input type="text" id="billing_country" name="billing_country" value="{{old('billing_country')}}" class=" @error('billing_country') is-invalid @enderror p-2 form-control form-control-sm border border-dark">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--end::Modal body-->

                        <div class="card-footer">
                            <button type="submit" class="btn btn-danger w-100">
                                Continue
                            </button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>

@endsection
@section('after_css')

@endsection
@section('stripe_scripts')

@endsection