@extends('master.front')

@section('title')
    {{ __('Billing') }}
@endsection

@section('script')
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="https://unpkg.com/alpinejs" defer></script>
<script>
    function contactForm() {
        return {
                form: {
                    bill_first_name: '',
                    bill_phone: '',
                    bill_email: '',
                    bill_address1: '',
                    bill_city: '',
                    shipping_id: '',
                    state_id: '0',
                    payment_method: 'Cash On Delivery',
                    single_page_checkout: '1',
                },
                errors: {},
                success: '',
                loading: false,

                validate() {
                    this.errors = {};
                    if (!this.form.bill_first_name) this.errors.bill_first_name = 'Name is required';
                    if (!this.form.bill_phone) this.errors.bill_phone = 'Phone no is required';
                    return Object.keys(this.errors).length === 0;
                },

                async submitForm() {
                    if (!this.validate()) return;

                    this.loading = true;
                    this.success = '';

                    try {
                        const response = await fetch("{{ route('front.checkout.submit') }}", {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                            },
                            body: JSON.stringify({
                                ...this.form,
                                _token: '{{ csrf_token() }}'
                            })
                        });
                        
                        if (response.ok !== true) {
                            alert('Something went wrong. try later!')
                        } else {
                            window.location.href = response.url;
                        }
                    } catch (err) {
                        this.errors.general = 'Network error';
                    } finally {
                        this.loading = false;
                    }
                }
            }
    }
</script>
@endsection

@section('content')
    <!-- Page Title-->
    <div class="page-title">
        <div class="container">
            <div class="column">
                <ul class="breadcrumbs">
                    <li><a href="{{ route('front.index') }}">{{ __('Home') }}</a> </li>
                    <li class="separator"></li>
                    <li>{{ __('Billing address') }}</li>
                </ul>
            </div>
        </div>
    </div>

    <!-- Page Content-->
    <div x-data="contactForm()" class="container padding-bottom-3x mb-1 checkut-page">
        <form @submit.prevent="submitForm">
        <div class="row">
            <div class="col-xl-8 col-lg-8">
                <div class="row">
                    <div class="col-12">
                        <section class="card widget widget-featured-posts widget-featured-products p-4">
                            <h3 class="widget-title">{{ __('Items In Your Cart') }}</h3>
                            @foreach ($cart as $key => $item)
                                <div class="entry">
                                    <div class="entry-thumb"><a href="{{ route('front.product', $item['slug']) }}"><img
                                                src="{{ url('/storage/images/' . $item['photo']) }}" alt="Product"></a>
                                    </div>
                                    <div class="entry-content">
                                        <h4 class="entry-title"><a href="{{ route('front.product', $item['slug']) }}">
                                                {{ Str::limit($item['name'], 45) }}

                                            </a></h4>
                                        <span class="entry-meta">{{ $item['qty'] }} x

                                            @php    
                                                $totalAttributePrice = 0;
                                                foreach ($item['attribute']['option_price'] as $option_price) {
                                                    $totalAttributePrice += $option_price;
                                                }
                                                $price = $item['main_price'] + $totalAttributePrice;
                                            @endphp
                                            {{ PriceHelper::setCurrencyPrice($price) }}</span>

                                            @foreach ($item['attribute']['option_name'] as $optionkey => $option_name)
                                            <div class="entry-meta">
                                                <span class="entry-meta d-inline">{{ $item['attribute']['names'][$optionkey] }}:</span>
                                                <span class="entry-meta d-inline"><b>{{ $option_name }}</b></span>
                                            </div>
                                            @endforeach
                                    </div>
                                </div>
                            @endforeach
                        </section>
                        {{-- Billing Address --}}
                        <div class="card">
                            <div class="card-body">
                                <h6>{{ __('Billing Address') }}</h6>
                                <form id="checkoutBilling" action="{{ route('front.checkout.store') }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="single_page_checkout" value="1">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="checkout-fn">{{ __('Full Name') }}*</label>
                                                <input x-model="form.bill_first_name" class="form-control {{ $errors->has('bill_first_name') ? 'requireInput' : '' }}" name="bill_first_name" type="text" 
                                                    id="checkout-fn" value="{{ isset($user) ? $user->first_name : '' }}">
                                                <p x-text="errors.bill_first_name" class="text-danger text-sm"></p>
                                            </div>
                                        </div>
                                        <input hidden class="form-control {{ $errors->has('bill_email')}}" name="bill_email" type="email" 
                                                    id="checkout_email_billing"
                                                    value="{{ isset($user) ? $user->email : '' }}">

                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="checkout-phone">{{ __('Phone Number') }}*</label>
                                                <input x-model="form.bill_phone" class="form-control {{ $errors->has('bill_phone') ? 'requireInput' : '' }}" name="bill_phone" type="text"
                                                    id="checkout-phone" 
                                                    value="{{ isset($user) ? $user->phone : '' }}">
                                                <p x-text="errors.bill_phone" class="text-danger text-sm"></p>
                                            </div>
                                        </div>
                                    </div>
                                    {{-- @if (PriceHelper::CheckDigital()) --}}
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label for="checkout-address1">{{ __('Address') }}</label>
                                                    <input x-model="form.bill_address1" class="form-control {{ $errors->has('bill_address1') ? 'requireInput' : '' }}" name="bill_address1" 
                                                        type="text" id="checkout-address1"
                                                        value="{{ isset($user) ? $user->bill_address1 : '' }}">
                                                    <p x-text="errors.bill_address1" class="text-danger text-sm"></p>
                                                </div>
                                            </div>
                                            
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label for="checkout-city">{{ __('City') }}</label>
                                                    <input x-model="form.bill_city" class="form-control" name="bill_city" type="text" 
                                                        id="checkout-city"
                                                        value="{{ isset($user) ? $user->bill_city : '' }}">
                                                    <p x-text="errors.bill_city" class="text-danger text-sm"></p>
                                                </div>
                                            </div>
                                        </div>
                                    {{-- @endif --}}
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Sidebar          -->
            <div class="col-xl-4 col-lg-4">
                <aside class="sidebar">
                    <div class="padding-top-2x hidden-lg-up"></div>
                    <!-- Items in Cart Widget-->
                
                    <section class="card widget widget-featured-posts widget-order-summary p-4">
                        <h3 class="widget-title">{{ __('Order Summary') }}</h3>
                        @php
                            $free_shipping = DB::table('shipping_services')->whereStatus(1)->whereIsCondition(1)->first();
                        @endphp
                
                        @if ($free_shipping)
                            @if ($free_shipping->minimum_price >= $cart_total)
                                <p class="free-shippin-aa"><em>{{ __('Free Shipping After Order') }}
                                        {{ PriceHelper::setCurrencyPrice($free_shipping->minimum_price) }}</em></p>
                            @endif
                        @endif
                
                        <table class="table">
                            <tr>
                                <td>{{ __('Cart subtotal') }}:</td>
                                <td class="text-gray-dark">{{ PriceHelper::setCurrencyPrice($cart_total) }}</td>
                            </tr>
                
                            @if ($tax != 0)
                                <tr>
                                    <td>{{ __('Estimated tax') }}:</td>
                                    <td class="text-gray-dark">{{ PriceHelper::setCurrencyPrice($tax) }}</td>
                                </tr>
                            @endif
                
                            @if ($discount)
                                <tr>
                                    <td>{{ __('Coupon discount') }}:</td>
                                    <td class="text-danger">-
                                        {{ PriceHelper::setCurrencyPrice($discount ? $discount['discount'] : 0) }}</td>
                                </tr>
                            @endif
                
                            @if ($shipping)
                                <tr class="d-none set__shipping_price_tr">
                                    <td>{{ __('Shipping') }}:</td>
                                    <td class="text-gray-dark set__shipping_price">
                                        {{ PriceHelper::setCurrencyPrice($shipping ? $shipping->price : 0) }}</td>
                                </tr>
                            @endif
                            <tr>
                                <td style="color: {{ $setting->primary_color }}" class="text-lg">{{ __('Order total') }}</td>
                                <td style="color: {{ $setting->primary_color }}" class="text-lg grand_total_set">{{ PriceHelper::setCurrencyPrice($grand_total) }}
                                </td>
                            </tr>
                        </table>
                    </section>
                
                    @if (PriceHelper::CheckDigital() == true)
                    <section class="card widget widget-featured-posts widget-order-summary p-4">
                        <h3 class="widget-title">{{ __('Shipping Options') }}</h3>
                        <div class="row">
                            <div class="col-sm-12">
                                @if (PriceHelper::CheckDigital() == true)
                                    @php
                                        $free_shipping = DB::table('shipping_services')->whereStatus(1)->whereIsCondition(1)->first();
                                    @endphp
                
                                    <select x-model="form.shipping_id" name="shipping_id" class="form-control" id="shipping_id_select" required>
                                        <option value="" selected disabled>{{ __('Select Shipping Method') }}*</option>
                                        @foreach (DB::table('shipping_services')->whereStatus(1)->get() as $shipping)
                                            @if ($shipping->id == 1 && isset($free_shipping) && $free_shipping->minimum_price <= $cart_total)
                                                <option value="{{ $shipping->id }}" data-href="{{ route('front.shipping.setup') }}">
                                                    {{ $shipping->title }}
                                                </option>
                                            @else
                                                @if ($shipping->id != 1 && $free_shipping->minimum_price >= $cart_total)
                                                    <option value="{{ $shipping->id }}"
                                                        data-href="{{ route('front.shipping.setup') }}">{{ $shipping->title }}
                                                        ({{ PriceHelper::setCurrencyPrice($shipping->price) }})
                                                    </option>
                                                @endif
                                            @endif
                                        @endforeach
                                    </select>
                                    @error('shipping_id')
                                        <p class="text-danger shipping_message">{{ $message }}</p>
                                    @enderror

                                    <button class="btn btn-primary mt-4" type="submit" :disabled="loading">
                                        <span x-show="!loading">@lang('Confirm Order')</span>
                                        <span x-show="loading">Processing</span>
                                    </button>
                
                                @endif
                            </div>
                        </div>
                
                    </section>
                    @endif
                </aside>
                {{-- @include('includes.single_checkout_sidebar', $cart) --}}
                {{-- @include('includes.single_checkout_modal') --}}
            </div>
        </div>
        </form>
    </div>
@endsection