@extends('master')
@section('content')
<link rel="stylesheet" type="text/css" href="{{ url('css/mui.css') }}" />
<div id="page-wrapper">
   <hr style="border: none;">
   <div class="container-fluid">
      <div class="panel">
         <div class="panel-heading" style="font-size: 12px;">
            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12 ">
               <h4 class="page-title ">Payment Status</h4>
            </div>
            <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
               <ol class="breadcrumb pull-right">
                  <li><a href="{{ URL::to('admin/dashboard') }}">Dashboard</a></li>
                  <li class="active">Payment Status</li>
               </ol>
            </div>
         </div>
         <div class="panel-body" style=" margin-bottom:8px; padding-top: 0px; ">
            <div class="col-md-12" style="border: 1px solid black; border-radius: 3px;">
               <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="step 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="step 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="col-md-9 col-md-offset-2" style="font-size: 12px; border: 1px solid black; border-radius: 3px; box-shadow: 1px; margin-left:146px; " >
                  <div class="white-box">
                     <div class="form-group col-md-1">
                        <i class="fa fa-check-circle fa-5x " style="color:#02529B;" aria-hidden="true"></i>
                     </div>
                     <div class="form-group col-md-10">
                        <h4 class="text-success" style="color: #6EB005;"><b> Payment Processed Successfully</b></h4>
                        <p>Your payment has been processed and you will recive an email with the details you can view payment details through <a href="">payment details</a>page</p>
                     </div>
                  </div>
               </div>
               <div class="col-md-9" style="font-size: 12px; border: 1px solid black; border-radius: 3px; margin-top: 10px; margin-left: 146px; margin-bottom: 35px;">
                  <div class="col-md-12">
                     <div class="col-md-8">
                        <div class="white-box">
                           <h5 class="" >PAYMENT DETAILS</h5>
                           <ul style="list-style-type:none; ">
                              <li>Marchent Transaction Number : </li>
                              <li>Payment Transaction Number</li>
                              <li>Date  :&nbsp;&nbsp;&nbsp;{{ $date }}</li>
                              <li>Time  :&nbsp;&nbsp;&nbsp; {{ $time }}</li>
                              <li>Amount Paid : &nbsp;&nbsp;&nbsp;{{$F_amount[0]}}</li>
                           </ul>
                        </div>
                     </div>
                     <div class="col-md-4">
                        <div style="margin-top: 35%;">
                           <div class="row">
                              <div class="col-md-1 col-sm-12 col-md-offset-2">
                                 <a class="btn btn-sm btn-default" style="width: 150px;" href="{{ url('/admin/addpaymentlist') }}">Back To Payments</a>
                              </div>
                           </div>
                           <div class="row" style="margin-top: 5%;">
                              <div class="col-md-1 col-sm-12 col-md-offset-2">
                                 <a class="btn btn-sm btn-primary" href="{{ url('/admin/addpaymentlist') }}">Make Another Payment</a>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
@stop