@extends('layouts.app')
@section('title_and_meta')
    <title>Checkout | Wishours</title>
    <meta name="description" content="Checkout" />
    <meta name="keywords" content="Checkout" />
@endsection
@section('content')
<div class="main-container">
    <div class="mt-3 mt-xl-5 fullWith ">
        <div class="container-fluid">
            <div class=" product-single-default">
                <nav aria-label="breadcrumb" class="breadcrumb-nav">
                  
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html"><i class="icon-home"></i></a></li>
                            <li class="breadcrumb-item active" aria-current="page">Checkout</li>
                        </ol>
                  
                </nav>
            </div><!-- End .product-single-container -->
        </div><!-- End .container-fluid -->
    </div>
    <div class="page-cutome container ">
        <div class="container">
        <ul class="checkout-progress-bar">
        <li class="active">
            <span>Shipping</span>
        </li>
        <li>
            <span>Review &amp; Payments</span>
        </li>
    </ul>
   
         @if (session()->has('successMessage'))
       <div class="alert alert-success" id="successMessage">
        {{ session('successMessage') }}
       </div>
       @endif
       @if (session()->has('dangerMessage'))
        <div class="alert alert-danger " id="successMessage" >
          {{ session('dangerMessage') }}
        </div>
        @endif
        <div class="row">
        <div class="col-lg-6">
            <ul class="checkout-steps">
                <li>
                    <h2 class="step-title">Sender Address</h2>

                  

                    <form action="{{ url('/user/checkout')}}" method="post">
                        {{ csrf_field() }}
                        <div class="form-group required-field">
                            <label>Name </label>
                            <input type="text" class="form-control"  name="billing_name" id="billing_name" value="{{ @$userDetails->name }}">
                        </div><!-- End .form-group -->

                        <div class="form-group required-field">
                            <label>Address </label>
                            <input type="text" class="form-control"  name="billing_address" id="billing_address" value="{{ @$userDetails->address }}">
                        </div><!-- End .form-group -->

                        <div class="form-group">
                            <label>City </label>
                            <input type="text" class="form-control" name="billing_city" id="billing_city" value="{{ @$userDetails->city }}">
                        </div><!-- End .form-group -->

                        <div class="form-group required-field">
                            <label>State </label>
                            <input type="text" class="form-control"  name="billing_state" id="billing_state" value="{{ @$userDetails->state }}">
                        </div><!-- End .form-group -->

                        <div class="form-group required-field">
                            <label>Country  </label>
                            <select class="form-control" id="billing_country" name="billing_country">
                                <option value="">--Select Country--</option>
                                @foreach($countries as $country)
                                  <option value="{{ $country->country_name }}" @if($country->country_name==@$userDetails->country) selected @endif>{{ $country->country_name }}</option>
                                @endforeach
                            </select>

                        </div><!-- End .form-group -->

                       

                        <div class="form-group required-field">
                            <label>Zip/Postal Code </label>
                            <input type="text" class="form-control"  name="billing_pincode" id="billing_pincode" value="{{ @$userDetails->pincode }}">
                        </div><!-- End .form-group -->

                       
                        <div class="form-group required-field">
                            <label>Phone Number </label>
                            <div class="form-control-tooltip">
                                <input type="tel" class="form-control"  name="billing_phone" id="billing_phone" value="{{ @$userDetails->phone }}">
                                <span class="input-tooltip" data-toggle="tooltip" title="" data-placement="right" data-original-title="For delivery questions."><i class="icon-question-circle"></i></span>
                            </div><!-- End .form-control-tooltip -->
                        </div><!-- End .form-group -->
             
                </li>
            </ul>
            <div class="form-group-custom-control">
                    <div class="custom-control custom-checkbox">
                        <input type="checkbox" class="custom-control-input" id="change-bill-address" value="1">
                        <label class="custom-control-label" for="change-bill-address">My billing and shipping address are the same</label>
                    </div><!-- End .custom-checkbox -->
                </div>
        </div><!-- End .col-lg-6 -->

        <div class="col-lg-6">
            <ul class="checkout-steps">
                <li>
                    <h2 class="step-title">Receiver Address</h2>

                  

                                                   
                        <div class="form-group required-field">
                            <label>Name </label>
                            <input type="text" class="form-control"  name="shipping_name" id="shipping_name" value="{{ @$shippingDetails->name }}">
                        </div><!-- End .form-group -->

                        <div class="form-group required-field">
                            <label>Address </label>
                            <input type="text" class="form-control"  name="shipping_address" id="shipping_address" value="{{ @$shippingDetails->address }}">
                        </div><!-- End .form-group -->

                        <div class="form-group">
                            <label>City </label>
                            <input type="text" class="form-control" name="shipping_city" id="shipping_city" value="{{ @$shippingDetails->city }}">
                        </div><!-- End .form-group -->

                        <div class="form-group required-field">
                            <label>State </label>
                            <input type="text" class="form-control"  name="shipping_state" id="shipping_state" value="{{ @$shippingDetails->state }}">
                        </div><!-- End .form-group -->

                     
                           
                             <div class="form-group required-field">
                            <label>Country  </label>
                            <select class="form-control" id="shipping_country" name="shipping_country">
                                <option value="">--Select Country--</option>
                                @foreach($countries as $country)
                                  <option value="{{ $country->country_name }}" @if($country->country_name==@$shippingDetails->country) selected @endif>{{ $country->country_name }}</option>
                                @endforeach
                            </select>

                        </div><!-- End .form-group -->

                       

                        <div class="form-group required-field">
                            <label>Zip/Postal Code </label>
                            <input type="text" class="form-control"  name="shipping_pincode" id="shipping_pincode" value="{{ @$shippingDetails->pincode }}">
                        </div><!-- End .form-group -->

                       
                        <div class="form-group required-field">
                            <label>Phone Number </label>
                            <div class="form-control-tooltip">
                                <input type="tel" class="form-control"  name="shipping_phone"  id="shipping_phone" value="{{ @$shippingDetails->mobile }}">
                                <span class="input-tooltip" data-toggle="tooltip" title="" data-placement="right" data-original-title="For delivery questions."><i class="icon-question-circle"></i></span>
                            </div><!-- End .form-control-tooltip -->
                        </div><!-- End .form-group -->
                    
                </li>
            </ul>
        </div><!-- End .col-lg-6 -->
    </div><!-- End .row -->

    <div class="row">
        <div class="col-lg-12">
            <div class="checkout-steps-action">
                <input type="submit" name="" class="btn btn-primary float-right" value="NEXT">
            </div><!-- End .checkout-steps-action -->
            </form>
        </div><!-- End .col-lg-8 -->
    </div><!-- End .row -->
        </div>             
    </div><!-- End .main-content -->
</div>
   
@endsection