@extends('front.include.app')
@section('title') CheckOut
@endsection
@section('content')
    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{ asset('images/innerbnr2.jpg') }}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>Check Out</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->
    <div class="check-out-section chkot-pag">
        <div class="container">
            <div class="check-out-form">
                <div class="row">
                    <div class="col-md-6">
                        <div class="col-md-12">
                            <div class="shirt-heading">
                                {{-- <img src="{{ $settings->getFirstMediaUrl('logo') ?? '' }}" alt="img"> --}}
                                {{-- <h4 class="checkout-heading">Miss Thang</h4> --}}
                                <ul>
                                    <li><a href="#">Information</a></li>
                                    <li><span> > </span></li>
                                    <li><a href="#">Shipping</a></li>
                                    <li><span> > </span></li>
                                    <li><a href="#">Payment</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="acount-log">
                            <h4 class="shiping-heading">CONTACT</h4>
                            <span>Have an account? <a href="#">Log in</a></span>
                        </div>
                        <form action="{{route('checkout.order')}}" method="post" id="form">
                            @csrf
                            <div class="row">

                                <div class="col-md-6">

                                    <input type="text" class="form-control" placeholder="First name" name="first_name"value="{{ Auth::check() ? Auth::user()->first_name : '' }}">
                                    @error('first_name')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <input type="text" class="form-control" placeholder="Last name" name="last_name"value="{{ Auth::check() ? Auth::user()->last_name : '' }}">
                                    @error('last_name')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                               
                                <div class="col-md-12">
                                    <input type="text" class="form-control" placeholder="Email" name="email">
                                    @error('email')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                 

                                </div>
                                <div class="col-md-12">
                                    <input type="text" class="form-control" placeholder="Phone" name="phone_number">
                                    @error('phone_number')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                    <div class="col-md-12 checkbox">
                                        <input type="checkbox" id="box-3">
                                        <label for="box-3">Receive updates, news and offers via email</label>
                                    </div>
                                </div>
                               

                             

                                <div class="col-md-12">
                                    <h4 class="shiping-heading">SHIPPING ADDRESS</h4>

                                    <input type="text" class="form-control" placeholder="Street address, Suite, City/Center" name="address"value="{{ Auth::check() ? Auth::user()->address : '' }}" required>
                                    @error('address')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                {{-- <div class="col-md-12">
                                    <input type="text" class="form-control"
                                           placeholder="Appartment, Suit,etc. (optional)">
                                </div> --}}
                                <div class="col-md-6">
                                    <input type="text" class="form-control" placeholder="City" name="city">
                                    @error('city')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-md-12">
                                    <select name="state">
                                        <option value="">Select States</option>
                                        @forelse($get_states as $state)
                                            <option value="{{$state->id ? : ''}}">{{$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-6">
                                    <input type="text" class="form-control" placeholder="Zip Code"
                                           name="postal_code">
                                    @error('postal_code')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-md-12">
                                    <h4 class="shiping-heading">SHIPPING SERVICES</h4>
                                    <select name="shipping_service" class="form-control" required>
                                        <option value="">Select Shipping Service</option>
                                        <option value="UPS_Ground">UPS Ground</option>
                                        <option value="UPS_2nd_Day_Air">UPS 2nd Day Air</option>
                                        <option value="UPS_3Day_Select">UPS 3 Day Select</option>
                                        <option value="UPS_Next_Day_Air">UPS Next Day Air</option>
                                        <option value="UPS_Next_Day_Air_Saver">UPS Next Day Air Saver</option>
                                        <option value="UPS_Worldwide_Expedited">UPS Worldwide Expedited</option>
                                        <option value="UPS_Worldwide_Express">UPS Worldwide Express</option>
                                        <option value="UPS_Worldwide_Express_Saver">UPS Worldwide Express Saver</option>
                                        <option value="UPS_Standard">UPS Standard</option>
                                        <option value="UPS_Express_Interceptor">UPS Express Interceptor</option>
                                        <option value="UPS_Universal_Air">UPS Universal Air</option>
                                    </select>
                                </div>
                                
                                
                                <div class="col-md-12 checkbox checkbox12">
                                    <input type="checkbox" id="box-1">
                                    <label for="box-1">Save this information for next time</label>
                                </div>
                                <div class="col-md-12 checkbox checkbox12">
                                    <input type="checkbox" id="box-2">
                                    <label for="box-2">Receive updates, news and offers via text message</label>
                                </div>
                               
                                {{-- @auth --}}
                                <button class="themeBtn">Checkout
                                </button>
                                {{-- @else
                                    <a href="{{route('user.login')}}" class="themeBtn">CONTINUE TO SHIPPING</a>

                                @endauth --}}
                            </div>

                            

                    </div>

                    <div class="col-md-6 cola-shirt checkout-page">
                        @if(isset($cart_data))
                            @php $total="0"
                            @endphp
                            @foreach ($cart_data as $data)
                                <div class="biling-card">
                                    <div>
                                        <figure>
                                            <img src="{{$data['item_image'] ? : ''}}" class="img-fluid" alt="img">
                                        </figure>
                                        <div class="content">
                                            <h5>{{ $data['item_name'] ? : '' }}</h5>
                                            <p>Commissions available. Will not be exactly the same. All original
                                                work..</p>
                                            @php
                                                if($data['item_quantity']){
                                                   $total = $total + ($data["item_quantity"] * $data["item_price"]);

                                                    }else{
                                                      $total = $total + ($data['item_price']);
                                                    }

                                            @endphp

                                            <span>
                                         {{-- @if($data['item_quantity'])
                                                    $ {{ number_format($data['item_quantity'] * $data['item_price'], 0) }}
                                                @else
                                                    $ {{number_format($data['item_price']),0}}
                                                @endif --}}
                                    </span>
                                        </div>
                                    </div>

                                </div>
                            @endforeach
                            <div class="newsForm">
                                <input type="text" class="form-control get_voucher_code"
                                       placeholder="Enter Voucher Code" name="voucher_code">
                                <small id="error_voucher" class="text-danger"></small>
                                <button class="apply-btn">Apply</button>
                            </div>
                            <div class="discount">


                            </div>
                            <div class="subtotal">
                                <h4>Subtotal Shipping</h4>
                                <div>
                                    <h6>$ {{number_format($total),2}}</h6>
                                    <h6>Calculated at next step</h6>
                                </div>
                            </div>

                            <div class="subtotal">
                                <h4>Discount</h4>
                                <div>
                                    <span class="discount_price">0.00</span>
                                </div>
                            </div>
                            <ul class="total">
                                <li>
                                    Total
                                </li>
                                <li>
                                    <span class="update_grand_total_price"> $ {{number_format($total) ? : ''}}</span>
                                    <input type="hidden" name="get_total_price"
                                           value="{{number_format($total) ? : ''}}" class="get_total_price">
                                </li>
                            </ul>
                         
                        @endif
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection