@extends('layouts.front-layout')
@section('title') CheckOut
@endsection
@section('content')
    <!-- Begin: Main Slider -->
    <section class="innerBanner">
        <img src="upload/images/inerbg1.png" class="w-100" alt="img">
        <div class="overlay">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <h2>Check Out Our Merchandise!</h2>
                    </div>
                    <div class="col-md-6">
                        <img src="{{ pagesSingleImage('Product', 'product_top_banner_image') }}" class="img-fluid heroGirl" alt="img">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 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">
                                <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-12">
                                    <input type="text" class="form-control" placeholder="Email" name="email">
                                    @error('email')
                                    <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>
                                    <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="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="Address" name="address"value="{{ Auth::check() ? Auth::user()->address : '' }}">
                                    @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-6">
                                    <input type="text" class="form-control" placeholder="Postal Code"
                                           name="postal_code">
                                    @error('postal_code')
                                    <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>
                                <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">CONTINUE TO
                                    SHIPPING
                                </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>
                                    <span>$ {{number_format($total),2}}</span>
                                    <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