@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="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
@endsection

@section('content')
<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');
                    <div class="row">
     <form method="post">
      <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <div id="main-col" class="col-md-10 col-pad-t-10 col-mar-t-10 col-md-offset-1">
        <div id="cal" class="panel panel-default">
            <div class="panel-heading">Please deliver my order on: <span class="pink">Select Day</span></div>
           <div class="panel-body col-pad-20">
               <div id="dpk" data-mday="2017-03-26 00:00:00" data-disable="[&quot;8-27-2018&quot;, &quot;12-25-2018&quot;, &quot;12-26-2018&quot;]" data-sun="false" data-defaultdate="{{ $date }}"></div>
               <hr class="cal-hr">
            <p class="dateselected">Date Selected: <input id="deldate" name="del_date" readonly="" type="text" value=""></p>
           </div>
        </div>
        <div id="notice">
            <div class="alert alert-success" role="alert">
    <p class="pull-right"><i class="fa fa-truck" aria-hidden="true"></i></p>
            <ul>
                <li><span>This is only a request and cant not be guaranteed</span>.</li>
                <li>We will contact you if we are unable to deliver the order on the day requested.</li>
                <li>Orders for Bank or local holidays will be processed on the next working day.</li>
            </ul>

             </div>
        </div>
       <div class="m-t-10 text-center"><button class="btn btn-orange btn-lg btn-wide" name="submit" value="1">Continue</button></div>
    </div>
</form>
 </div>
 @include('includes.shop.checkout-footer');
</div>
</div>
</div>
</div>
</div>
@endsection