@extends('master')
@section('content')
<link rel="stylesheet" type="text/css" href="{{ url('css/mui.css') }}" />
<div id="wrapper">
   <div id="page-wrapper">
      <div class="container-fluid">
         <div class="white-box">
            <div class="row">
               <ol class="breadcrumb" style="background-color:white">
                  <li><a href="{{ URL::to('admin/facilitylist') }}">Home</a></li>
                  <li><a href="{{ URL::to('admin/addpaymentlist') }}">Add Payment</a></li>
                  <li class="active">Payment Method</li>
               </ol>
               <div class="panel panel-default">
                  <div class="panel-body" style="padding-top:0px;">
                     <div class="row">
                        <div class="col-md-6 col-md-offset-3 col-sm-12 col-xs-12 form-box ">
                           <div class="f1-steps">
                              <div class="f1-progress">
                                 <div class="f1-progress-line" data-now-value="16.66" data-number-of-steps="3" style="width: 50%;">
                                 </div>
                              </div>
                              <div class="f1-step activated ">
                                 <div class="f1-step-icon"><i class="fa fa-check"></i></div>
                                 <p>Selection</p>
                              </div>
                              <div class="f1-step text-center active">
                                 <div class="f1-step-icon "><i class="fa fa-usd"></i></div>
                                 <p>Payment Method</p>
                              </div>
                              <div class="f1-step text-right">
                                 <div class="f1-step-icon"><i class="fa fa-check-square-o"></i></div>
                                 <p>Order Review</p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-md-12">
                  <div class="well">
                     <div class="row" style="padding: 15px;">
                        <div class="table-responsive col-md-12" style="width: 100%;">
                           <table class="table table-striped  table-hover example1" >
                              <thead>
                                 <tr>
                                    <th>S.no</th>
                                    <th>FID</th>
                                    <th>Name</th>
                                    <th>Address</th>
                                    <th>USSBOA</th>
                                    <th>MGT</th>
                                    <th>Total</th>
                                 </tr>
                              </thead>
                              <tbody class="tabody">
                                                                  <tr style="border-bottom: none;">
                                    <td colspan="7" class="text-right" style="background-color:#4A4A4A;"><strong style="color:#fff;">Total : <b style="color:#fff;">$ {{ $total }}</b></strong></td>
                                 </tr>
                              </tbody>
                           </table>
                        </div>
                        <div class="col-xs-12 col-md-12">