@extends('layouts.front-layout')
@section('title') CheckOut
@endsection
@section('content')
    <section class="inner-banner">
        <div class="container">
            <h2>Checkout</h2>
        </div>
    </section>

    <div class="check-out-section chkot-pag">
        <div class="container">
            <div class="check-out-form">
                <h2 class="primary-heading">Billing Address</h2>
                <p>
                    Fill the form below to complete your purchase
                </p>
                <p class="checkout-subheading">
                    <a href="javascript:void(0)">Already Registered?</a> Click here to <a href="{{route('user.login-view')}}" class="text-uppercase">Login now</a>
                </p>
                <form action="{{route('checkout.form')}}" method="post" id="form">
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <label for="">first Name</label>
                            <input type="text" class="form-control"value="{{ Auth::check() ? Auth::user()->first_name : '' }}"name="first_name">
                            @error('first_name')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label for="">Last Name</label>
                            <input type="text" class="form-control"value="{{ Auth::check() ? Auth::user()->last_name : '' }}"name="last_name">
                            @error('last_name')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label for="">email address</label>
                            <input type="text" class="form-control"value="{{ Auth::check() ? Auth::user()->email : '' }}"name="email" {{ Auth::check() ? 'readonly' : '' }}>
                            @error('email')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label for="">Phone</label>
                            <input type="text" class="form-control"value="{{ Auth::check() ? Auth::user()->phone_number : '' }}"name="phone_number"oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                            @error('phone_number')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        @if (Auth::check() && Auth::user()->hasRole('user'))

                        @else
                            <div class="col-md-6">
                                <label for="">Password</label>
                                <input type="password" class="form-control" name="password">
                                @error('password')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="">Confirm Password</label>
                                <input type="password" class="form-control" name="confirm_password">
                                @error('confirm_password')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        @endif



                        <div class="col-md-12">
                            <label for="">address</label>
                            <textarea id="" cols="30" rows="6" class="form-control"name="address">{{ Auth::check() ? Auth::user()->address : '' }}</textarea>
                            @error('address')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="col-md-12">
                            <label for="">Country</label>
                            <input type="text" class="form-control"value="{{ Auth::check() ? Auth::user()->city : '' }}"name="country">
                            @error('country')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="col-md-12">
                            <label for="">city</label>
                            <input type="text" class="form-control"value="{{ Auth::check() ? Auth::user()->city : '' }}"name="city">
                            @error('city')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label for="">ZIP/POSTAL CODE</label>
                            <input type="text" class="form-control"value="{{ Auth::check() ? Auth::user()->zip_code : '' }}"name="zip_code"oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                            @error('zip_code')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label for="">STATE/PROVINCE</label>
                            <select name="state" id="country-select" class="form-control">
                                @forelse($get_states as $state)
                                    <option value="{{ $state->id }}"
                                        {{ Auth::check() && Auth::user()->state == $state->name ? 'selected' : '' }}>
                                        {{ $state->name }}
                                    </option>
                                @empty
                                    <option>States Not Found</option>
                                @endforelse
                            </select>

                            @error('state')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>








                        <div class="col-md-12 checkbox">
                            <input type="checkbox" id="box-1">
                            <label for="box-1">Create an account for later use</label>
                        </div>
                        <div class="col-md-12 checkbox">
                            <input type="checkbox" id="box-2">
                            <label for="box-2">Ship to the same address mentioned above </label>
                        </div>
                    </div>

                <hr>
                    @if(Cookie::has('shopping_cart'))
                <div class="order-summery checkout-page">
                    <h2 class="primary-heading text-center">Order Summary</h2>
                    <div class="row bb-1">
                        <div class="col-md-6">
{{--                            <span>Subtotal {{$total_item ? : ''}}</span>--}}
                        </div>
                        <div class="col-md-6 text-right">
{{--                            USD {{($total) ? : ''}}--}}
                        </div>
                    </div>
                    <div class="row bb-1">
                        <div class="col-md-6">
                            <span>Shipping fee</span>
                        </div>
                        <div class="col-md-6 text-right">
                            USD 5.00
                        </div>
                    </div>
                    <div class="row bb-1">
                        <div class="col-md-9">
                            <input type="text" class="form-control get_voucher_code" placeholder="Enter Voucher Code"name="voucher_code">
                            <small id="error_voucher" class="text-danger"></small>

                        </div>
                        <div class="col-md-3">
                            <button class="themeBtn border-0 w-100 apply-btn">Apply</button>
                        </div>

                    </div>
                    <div class="row bb-1">
                        <div class="col-md-6">
                            <span>Total</span>
                        </div>
                        <div class="col-md-6 text-right update_grand_total_price">
{{--                            USD {{($total) ? : ''}}--}}
                        </div>
                        <input type="hidden"name="get_total_price"value="{{($total) ? : ''}}" class="get_total_price">


                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <button type="submit" class="themeBtn border-0 w-100">proceed to
                            checkout</button>
                    </div>
                </div>
                    @else
                        <h2 class="text-center">Please add a product to the cart.</h2>
                     @endif
                </form>
            </div>

        </div>

    </div>
@endsection