@extends('layouts.front-layout')
@section('title') CheckOut
@endsection
@section('content')
<div class="check-out-section chkot-pag">
    <div class="container">
        <div class="check-out-form">
            <h2 class="primary-heading">Billing & Shipping Address</h2>
            <p>
                Fill the form below to complete your purchase
            </p>
            <form action="{{route('checkout.order')}}"method="post"id="form">
                @csrf
                <div class="row">
                    <div class="col-md-3">
                        <label for="">first Name *</label>
                        <input type="text" class="form-control"value="{{ Auth::check() ? Auth::user()->name : '' }}"name="first_name">
                        @error('first_name')
                        <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="col-md-3">
                        <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-3">
                        <label for="">email address *</label>
                        <input type="text" class="form-control"value="{{ Auth::check() ? Auth::user()->email : '' }}"name="email">
                        @error('email')
                        <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="col-md-3">
                        <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>
{{--                    <div class="col-md-6">--}}
{{--                        <label for="">password *</label>--}}
{{--                        <input type="text" class="form-control">--}}
{{--                    </div>--}}
{{--                    <div class="col-md-6">--}}
{{--                        <label for="">confirm password *</label>--}}
{{--                        <input type="text" class="form-control">--}}
{{--                    </div>--}}
                    <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-4">
                        <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-4">
                        <label for="">State *</label>
                        <input type="text" class="form-control"value="{{ Auth::check() ? Auth::user()->state : '' }}"name="state">
                        @error('state')
                        <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="col-md-4">
                        <label for="">Zip 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-12 checkbox">
                        <input type="checkbox" id="box-1">
                        <label for="box-1">Ship to the same address mentioned above</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>

            <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 ? : ''}} items)</span>
                    </div>
                    <div class="col-md-6 text-right">
                        USD  {{number_format($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="btn d-btn 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">
                        USD <span class="update_grand_total_price">{{number_format($total + 5) ? : ''}}</span>
                        <input type="hidden"name="get_total_price"value="{{number_format($total+ 5) ? : ''}}" class="get_total_price">
                    </div>


                    <div class="col-md-6">
                        <span>Discount</span>
                    </div>
                    <div class="col-md-6 text-right">
                        <span class="discount_price">0.00</span>
                    </div>

                </div>
                @if (Auth::user())
                <div class="col-md-12 mt-4 p-0">
                    <button class="themeBtn w-100 text-center">proceed to checkout</button>
                </div>
                @else
                    <div class="col-md-12 mt-4 p-0">
                        <a href="{{route('user.login')}}" class="themeBtn w-100 text-center">proceed to checkout</a>
                    </div>
                    @endif

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

    </div>

</div>
@endsection