@extends('layouts.shop')

@section('pre-custom-css')
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
@endsection

@section('css')
<link href="/assets/css/pcsuggest.min.css" rel="stylesheet" type="text/css">
<link href="/assets/css/checkout.min.css" rel="stylesheet" type="text/css">
@endsection

@section('js')
<script src="/assets/js/bootstrap-history-tabs.min.js"></script>
<script>
	$("#usedaddr").click(function(e) {
		e.preventDefault();
    $("#house_number").val("{{ $OrderInfo->del_house_number }}");
    $("#addr1").val("{{ $OrderInfo->del_street }}");
		$("#addr2").val("{{ $OrderInfo->del_area }}");
		$("#city").val("{{ $OrderInfo->del_town }}");
		$("#county").val("{{ $OrderInfo->del_county }}");
		$("#postcode").val("{{ $OrderInfo->del_postcode }}");
		$("#country").val("{{ strtolower($OrderInfo->del_country) }}");
	});
</script>
@endsection

@section('content')
<section class="page-info-block boxed-section">

            <!-- Container -->
            <div class="container cont-pad-x-15">
                <!-- Breadcrumb -->
                <p class="breadcrumb" itemprop="breadcrumb"><a href="/basket/" id="back">&ltrif; Back to Shopping Basket</a></p>
                <!-- /Breadcrumb -->
            </div>
            <!-- /Container -->

        </section>
        <section class="content-block default-bg">
            <!-- Container -->
            <div class="checkout-default">
                <div class="secure-d2f">
                    <div class="d2f-padlock"><i class="fa fa-lock" aria-hidden="true"></i></div>
                    @include('includes.shop.checkout-circle-nav');
            <form method=post accept-charset="utf-8" class="form-horizontal">
              {{ csrf_field() }}
            <div class="row">
        <div class="col-sm-12">
                <section class="step2-checkout step3">
                <div class="panel panel-default">
                <div class="panel-heading">Your Details:</div>
                <div class="panel-body col-pad-20">
                      <div class="row">
                    <div class="col-sm-12 col-md-8 col-lg-6 col-md-offset-2 col-lg-offset-3">

                                        <div class="form-group">
                        <label for="inputEmail3" class="col-sm-12 control-label">* Mandatory Fields</label>
                    </div>

                    <legend class=nd>Your Details:</legend>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-3" for="title">Title:</label>
                        <div class="col-md-4 col-sm-6">
                            {!! $TitleSelect !!}
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-3" for="firstname">* First Name:</label>
                        <div class="col-md-8 col-sm-9">
                            <input class="input_full form-control" id=firstname name=firstname required type=text value="{{ $OrderInfo->customer_firstname }}"></div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-3" for="lastname">* Last Name:</label>
                        <div class="col-md-8 col-sm-9">
                            <input class="input_full form-control" id=lastname name=lastname required type=text value="{{ $OrderInfo->customer_lastname }}"></div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-3" for="email">* E-mail Address:</label>
                        <div class="col-md-8 col-sm-9">
                            <input class="input_full form-control" id=email name=email required type=email value="{{ $OrderInfo->customer_email }}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-3" for="phone">* Phone Number:</label>
                        <div class="col-md-8 col-sm-9">
                            <input class="input_full form-control" id=phone name=phone placeholder="Eg. +447500000000" required type=tel value="{{ $OrderInfo->customer_telephone }}"></div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-offset-4 col-md-8 col-sm-offset-3 col-sm-9"><p style="font-size:11px">If you provide a mobile number with country code, we will send a text confirmation of your order.</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-offset-4 col-md-8 col-sm-offset-3 col-sm-9">
                            <button class="submit btn btn-pink" id=usedaddr type=button><b>Use delivery address</b></button>   </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-3" for="country">Country:</label>

                        <div class="col-md-8 col-sm-9">
                            {!! $CountrySelect !!}
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-3" for="addr1">* House No. / Name:</label>
                        <div class="col-md-8 col-sm-9">
                            <input class="input_full form-control" id=house_number name=house_number required type=text value="{{ $OrderInfo->customer_house_number }}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-3" for="addr1">* Address Line 1:</label>
                        <div class="col-md-8 col-sm-9">
                            <input class="input_full form-control" id=addr1 name=addr1 required type=text value="{{ $OrderInfo->customer_street }}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-3" for="addr2">Address Line 2:</label>
                        <div class="col-md-8 col-sm-9">
                            <input class="input_full form-control" id=addr2 name=addr2 type=text value="{{ $OrderInfo->customer_area }}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-3" for="city">* City/Town:</label>
                        <div class="col-md-8 col-sm-9">
                            <input class="input_full form-control" id=city name=city required type=text value="{{ $OrderInfo->customer_town }}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-3" for="county">County/State/Province:</label>
                        <div class="col-md-8 col-sm-9" id="codes">
                            <input class="input_full form-control" id=county name=county type=text value="{{ $OrderInfo->customer_county }}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-3" for="postcode">Post Code/Zip Code:</label>
                        <div class="col-md-8 col-sm-9">
                            <input class="input_full form-control" id=postcode name=postcode type=text value="{{ $OrderInfo->customer_postcode }}">
                        </div>
                    </div>
                    <div class="form-group">
        <label class="col-md-offset-4 col-md-8 col-sm-offset-3 col-sm-9">
            <button class="submit btn btn-orange btn-wide btn-lg" id="submit" class=submit name=submit type=submit value=1>Continue</button>
    </div>
                    </div>
                                         </div>
                </div></div>
                </section>
                @include('includes.shop.checkout-footer');
              </div>
            </div>
          </form>
          </div>
        </div>
      </div>
@endsection