@extends('master')
@section('content')
<div id="wrapper">
   <div id="page-wrapper">
      <div class="container-fluid">
         <div class="row bg-title">
            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
               <h4 class="page-title">Order Review</h4>
            </div>
         </div>
         <div class="col-md-12 ">
            <div  class="panel panel-default">
               <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12 pull-left">
                  <ol class="breadcrumb" style="background-color:white">
                     <li><a href="{{ URL::to('admin/dashboard') }}">Dashboard</a></li>
                     <li><a href="{{ URL::to('admin/addpaymentlist') }}">Add Payment</a></li>
                     <li class="active">Order Review</li>
                  </ol>
               </div>
               <div class="well">
                  <div class="col-md-6 col-md-offset-4" style="padding:30px 0 0px;">
                     <div class="row">
                        <div class="col-md-4 col-sm-4 col-xs-4 paymentleft">
                           <span class="own-span paymenttick"  id="div1"><i class="fa fa-check fa-1x"></i></span>
                        </div>
                        <div class="col-md-2 col-sm-2 col-xs-2 ordermid">
                           <span class="own-span paymenttick"  id="div2"><i class="fa fa-usd fa-1x"></i></span>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6 orderright" >
                           <span class="pull-right own-span" style=" background-color: #6EB005; background: #6EB005; margin-top: -20px;" id="div3"><i class="fa fa-check-square-o fa-1x"></i></span>
                        </div>
                     </div>
                     <div class="row" style="margin-top: 50px;">
                        <div class="col-md-2 col-sm-4 col-xs-4 selection">
                           <p>Selection</p>
                        </div>
                        <div class="col-md-5 col-sm-4 col-xs-2 paymentmethod">
                           <p class="col-md-offset-4"> Payment Method</p>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6 text-center orderreview">
                           <p class=""> Order Review</p>
                        </div>
                     </div>
                  </div>
                  <div class="panel-body no-padding">
                     <div class="col-sm-12" style="padding-top:10px">
                        <div class="col-sm-6">
                           <div class="panel panel-primary">
                              <div class="panel-heading" style="margin: none;background-color:#02529B;color:#fff; padding: 15px 25px;">Payment Details</div>
                              <div class="panel-body" style="border:1px solid #979797;padding: 20px 10px;">
                                 <div class="col-md-6">
                                    <span style="color:#00529C;font-size:14px;">Payment Method</span>
                                    <div><b>{{ $details['payment_status'] }} /*********** </b></div>
                                 </div>
                                 <div class="col-md-6">
                                    <span style="color:#00529C;font-size:14px ">Billing Address</span>
                                    <div><b>{{ $details['creditcard_address'] }}, {{ $details['creditcard_city'] }}, {{ $details['creditcard_state'] }}, {{ $details['creditcard_pin'] }}.</b></div>
                                 </div>
                                 <div class="col-md-12">
                                    <span style="color:#00529C;font-size:14px ">Order Tracking Email</span>
                                    <div><b>{{ $details['creditcard_email'] }}</b></div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-sm-6" >
                           <div class="panel panel-primary">
                              <div style="margin: none;background-color:#6EB005;color:#fff; padding: 15px 25px;" class="panel-heading">
                                 Order Summary
                              </div>
                              <div class="panel-body" style="border:1px solid #979797;padding: 0;background-color:#E3F1CD;">
                                 <table class="table table-stripped">
                                    <thead style="background-color:#B7DDFF;">
                                       <tr>
                                          <td><b>S.no</b></td>
                                          <td><b>FID</b></td>
                                          <td><b>Name</b></td>
                                          <td><b>USSBOA</b></td>
                                          <td><b>MGT</b></td>
                                       </tr>
                                    </thead>
                                    <tbody style="color: #000; height: 170px;" >
                                                                              <tr>
                                          <td colspan="3"></td>
                                          <td><span>Total Amount :</span></td>
                                          <td><span><strong>$ {{ $total }}</strong></span></td>
                                       </tr>
                                    </tbody>
                                 </table>
                              </div>
                              <hr style="border: none;">
                              <div class="col-md-12 pull-right" style="padding-right: 0px;">
                                 <form method="post" class="col-md-12" style="padding:10px 0;" action="{{url('admin/ordersubmit')}}">
                                    {{csrf_field()}}
                                    <input type="hidden" value="Reccuring" name="Reccuring">
                                    <button type="submit" class="btn btn-primary btn-md col-md-3 pull-right" style="background-color:#0A2E4F;" >Submit Order</button><a href="{{ URL::previous() }}" class="btn btn-default btn-md col-md-3 pull-right" style="background-color:#fff;color:#000;margin:0 10px;" >Back</a>
                                 </form>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<link rel="stylesheet" type="text/css" href="{{ url('css/mui.css') }}" />
<script src="//cdn.muicss.com/mui-latest/js/mui.min.js"></script>
<script>
   $(document).ready(function() {
   
    $('#example1').DataTable();
   
   } );
   
   $(document).ready(function() {
   
    $("div.bhoechie-tab-menu>div.list-group>a").click(function(e) {
   
        e.preventDefault();
   
        $(this).siblings('a.active').removeClass("active");
   
        $(this).addClass("active");
   
        var index = $(this).index();
   
        $("div.bhoechie-tab>div.bhoechie-tab-content").removeClass("active");
   
        $("div.bhoechie-tab>div.bhoechie-tab-content").eq(index).addClass("active");
   
    });
   
   });
   
</script>
@stop