@extends('layouts.shop')

@section('css')
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.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 src="/assets/js/pcsuggest.js"></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');
                  <section class="step2-checkout">
        <div class="row">
        <div class="col-sm-12">
                <div class="panel panel-default">
                <div class="panel-heading">Deliver Plastic to:</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">

                <form method=post accept-charset="utf-8" class="form-horizontal contact">
                  {{ csrf_field() }}
                    <input id=pccomp name=pccomp type=hidden value="0">
                    <div class="form-group">
                        <label for="mand" class="col-sm-12 control-label">* Mandatory Fields</label>
                    </div>
                    <div class="form-group">
                        <label class=nd>Recipient Details:</label>
                        <label class="control-label col-md-4 col-sm-3" for="title">Title:</label>
                        <div class="col-md-8 col-sm-9">
                            {!! $TitleSelect !!}
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-3" for="name">* Recipient&#8217;s Name:</label>
                        <div class="col-md-8 col-sm-9"><input class="input_full form-control" id="name" name="name" required type="text" value="{{ $OrderInfo->del_name }}"></div>
                    </div>
                    <div id="house_numberdl" class="form-group">
                    <label class="control-label col-md-4 col-sm-3" for="house_number">* 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->del_house_number }}"></div>
                      </div>
                      <div id="addr1dl" class="form-group hidden">
                      <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->del_street }}"></div>
                        </div>
                        <div id="addr2dl" class="form-group hidden">
                            <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->del_area }}"></div>
                         </div>
                        <div id="citydl" class="form-group hidden">
                            <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->del_town }}"></div>
                         </div>
                        <div id="countydl" class="form-group hidden">
                            <label class="control-label col-md-4 col-sm-3" for="county">County/State/Province:</label>
                            <div class="col-md-8 col-sm-9"><input class="input_full form-control" id=county name=county type=text value="{{ $OrderInfo->del_county }}"></div>
                         </div>
                       <div class="form-group">
                            <label class="control-label col-md-4 col-sm-3 col-xs-12" for="postcode">Post Code:</label>
                      <div class="col-xs-6 col-sm-5"><input id="postcode" class="input_full form-control" name="postcode" type=text value="{{ $OrderInfo->del_postcode }}"></div>
                        <div class="col-xs-5 col-sm-3 col-pad-l-0">
                          <button class="btn btn-pink" id="findAddr">Find Address</button>
                        </div>
                      </div>
                       <div class="form-group" id="enterOwndl">
                            <div class="col-md-8 col-sm-9 col-md-offset-4 col-sm-offset-3"><a id="enterOwn">Enter Own Address</a>
                            </div>
                        </div>
                        <div id="deladdrF" class="form-group hidden">
                            <div class="col-md-8 col-sm-9 col-md-offset-4 col-sm-offset-3"><ul id="deladdressFinder" tabindex="0"></ul></div>
                        </div>
                          <div class="form-group">
                            <label class="control-label col-md-4 col-sm-3 col-xs-12" for=country>Country:</label>
                            <div class="col-md-8 col-sm-9">
                                <select class="form-control white-select" id="ddcountryname" name="del_country" >
                                    <option data-webID="gb" selected value="gb">United Kingdom</option>
                                </select></div>
                            <input id=iso name=iso type=hidden value="">
                            <!--<dd id=ddcountrynames>UK</dd>-->
                        </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->del_telephone }}"></div>
        </div>
                        <div class="form-group">
            <div class="col-md-offset-4 col-md-8 col-sm-offset-3 col-sm-9">
                <span style="font-size: 90%;color: #4c4c4c;">** Important: please provide a <strong>LOCAL</strong> telephone number for the recipient.</span>
            </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-orange btn-wide btn-lg" name=submit type=submit value=1><b>Continue</b></button></div>
          </div>
                </form>
                </div>
                  </div>
                    </div>  </div></div>  </div>
            </section>
            @include('includes.shop.checkout-footer');
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection