@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">
               <div class="col-md-12 ">
                  <ol class="breadcrumb breadcrumbs" >
                     <li><a href="{{ URL::to('admin/dashboard') }}">Dashboard</a></li>
                     <li class="active">Add Payment</li>
                  </ol>
                  <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 selectleft">
                              <span class="own-span selecttick" id="div1"><i class="fa fa-check fa-1x"></i></span>
                           </div>
                           <div class="col-md-2 col-sm-4 col-xs-2 selectmid">
                              <span class="own-span selectpay"id="div2"><i class="fa fa-usd fa-1x"></i></span>
                           </div>
                           <div class="col-md-3 col-sm-4 col-xs-6 selectright" style="">
                              <span class="pull-right own-span selectorder"  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="row">
                        <div class="col-md-12">
                           <div class="white-box">
                              <form action="{{url('admin/paymentreview')}}" method="post" name="Payment_chk">
                                 {{csrf_field()}}
                                 <div class="panel-heading" >
                                    <h4>
                                       Select Payment Facility
                                    </h4>
                                 </div>
                                 <div class="table-responsive">
                                    <table class="table table-striped">
                                       <tbody>
                                          @foreach($add_paymentlist as $facilitys)
                                          <tr class="advance-table-row"">
                                             <td style="padding-left: 2%;">
                                                <div>
                                                   <h5>{{ $facilitys->Name }}</h5>
                                                </div>
                                                @if($facilitys->USSBOA_Paid_Service__c == 1)
                                                <i class="fa fa-thumbs-o-up fa-2x" aria-hidden="true" style="
                                                   color: green;"></i>
                                                <label for="checkbox_1">USSBOA</label>
                                                @else
                                                <div class="checkbox checkbox-circle checkbox-info">
                                                   <input name="ussboa[]" id="checkbox7" onchange="isChecked(this, 'sub1')" value="{{ $facilitys->FID__c }}" type="checkbox">
                                                   <label for="checkbox_1">USSBOA</label>
                                                </div>
                                                @endif
                                             </td>
                                             <td class="text-center" width="15%">
                                                <div>&nbsp </div>
                                                <div>&nbsp </div>
                                                @if($facilitys->MGT_Paid_Service__c == 1)
                                                <i class="fa fa-thumbs-o-up fa-2x" data-toggle="tooltip" data-placement="top" title="Paid" aria-hidden="true" style="
                                                   color: green; "></i>
                                                <label for="checkbox_1"> MGT</label>
                                                @else
                                                <div class="checkbox checkbox-circle checkbox-info">
                                                   <input name="mgt[]" id="checkbox8" onchange="isChecked(this, 'sub1')" type="checkbox" value="{{ $facilitys->FID__c }}">
                                                   <label for="checkbox_2"> MGT</label>
                                                </div>
                                                @endif
                                             </td>
                                             <td width="10%">
                                                <div>FID</div>
                                                <h5>{{ $facilitys->FID__c }}</h5>
                                             </td>
                                             <td>
                                                <div>Address</div>
                                                <h5><b>{{ $facilitys->BillingAddress->street}},{{$facilitys->BillingAddress->city}},{{$facilitys->BillingAddress->country}},{{$facilitys->BillingAddress->postalCode}}</b></h5>
                                             </td>
                                             <input name="f_id[]" type="hidden" value="{{ $facilitys->FID__c }}">
                                          </tr>
                                          @endforeach
                                       </tbody>
                                    </table>
                                 </div>
                                 <div class="p-10 row" style="margin-bottom: 2%;">
                                    <div class="col-sm-8">
                                    </div>
                                    <div class="col-sm-2 pull-right m-t-10">
                                       <button type="submit" class="btn btn-block p-10 " id="sub1" disabled="disabled" style="background-color: #02529B;"><span style="color: white;">Proceed</span><i class="ti-arrow-right m-l-5" style="color: white;"></i>
                                       </button>
                                    </div>
                                 </div>
                              </form>
                              <div class="panel">
                                 <div class="panel-heading">
                                    <h4>
                                       Payment History
                                    </h4>
                                 </div>
                                 <div class="panel-wrapper collapse in" aria-expanded="true">
                                    <div class="panel-body" style="padding:5px 0;">
                                       <div class="col-md-12" style="padding:0px;">
                                          <div class="table-responsive">
                                             <span class="counter pull-right"></span>
                                             <table class="table table-responsive">
                                                <thead >
                                                   <tr>
                                                      <th>Facility Name</th>
                                                      <th>Order Id</th>
                                                      <th>Billing Name</th>
                                                      <th>Payment Method</th>
                                                      <th>Card Type</th>
                                                      <th>Payment Status</th>
                                                      <th>Last Payment Date</th>
                                                   </tr>
                                                   <tr class="warning no-result">
                                                      <td colspan="4"><i class="fa fa-warning">
                                                         </i> No result
                                                      </td>
                                                   </tr>
                                                </thead>
                                                <tbody>
                                                   @foreach($charges as $k=>$orders)
                                                   <tr><td colspan="6"></td></tr>                                                   @endforeach
                                                </tbody>
                                             </table>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<script> $('#unblockbtn5').click(function() {
   $('div.block5').unblock();
   });
   $(document).ready(function() {
   $("#search").keyup(function () {
   alert(dsadsd);
   var searchTerm = $(".search").val();
   var listItem = $('.results tbody').children('tr');
   var searchSplit = searchTerm.replace(/ /g, "'):containsi('")
   $.extend($.expr[':'], {'containsi': function(elem, i, match, array){
   return (elem.textContent || elem.innerText || '').toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
   }
   });
   $(".results tbody tr").not(":containsi('" + searchSplit + "')").each(function(e){
   $(this).attr('visible','false');
   });
   $(".results tbody tr:containsi('" + searchSplit + "')").each(function(e){
   $(this).attr('visible','true');
   });
   var jobCount = $('.results tbody tr[visible="true"]').length;
   $('.counter').text(jobCount + ' item');
   if(jobCount == '0') {$('.no-result').show();}
   else {$('.no-result').hide();}
   });
   });
</script>
<script type="text/javascript">
   $(function () {
     $('table').on('scroll', function () {
       $("table > *").width($("table").width() + $("table").scrollLeft());
     });
   
     $("tbody").mCustomScrollbar({
       theme:"light-3",
       scrollButtons:{
         enable:false
       },
       mouseWheel:{ preventDefault: true },
       scrollbarPosition: 'inside',
       autoExpandScrollbar:true,
       theme: 'dark',
       axis:"y",
       setWidth: "auto"
     });
     // .mCustomScrollbar("scrollTo","bottom",{scrollInertia:0})
   });
   $(document).ready(function(){
      $("#mCSB_1_container").css('margin-right', '1%');
   });
   function isChecked(checkbox, sub1) {
    document.getElementById(sub1).disabled = !checkbox.checked;
   }
   function isChecked(checkbox, sub1) {
    document.getElementById(sub1).disabled = !checkbox.checked;
   }
</script>
@stop