@extends('master')
@section('content') 
<style>
   th,td {
   text-align: left;
   padding:4px;
   }
   .text:hover{
   text-decoration: underline;
   font-size: 13px;
   }
   #navbar.affix {
   position: fixed;
   top: 0;
   width: 100%;
   z-index:10;
   }
   .navbar-nav > li > a{
   padding:5px 15px;
   }
   .btnz{
   border-radius: 7px;
   border: 1px solid;
   float:right;
   }
  
</style>
@foreach ( $chargent_orders as $orderview)
<div id="content" class="block">
   <div id="sortable-panel" class="">
      <div class="col-md-12 ">
         <div  class="panel panel-default">
            <nav class="navbar navbar-inverse text-center" data-spy="affix" data-offset-top="197" style="background-color:rgb(210,210,210);min-height: 30px;">
               <a href="#" class="btn btn-default btn-xs pull-left" style="margin:5px;"><i class="minimize fa fa-chevron-down" data-toggle="tooltip" data-placement="bottom" title="Collapse"></i></a>
               <h4>ChargentOrder:{{$orderview->Name}}</h4>
            </nav>
            <div class="panel-body">
               <form  class="form-horizontal">
                  <div class="clearfix"></div>
                  <div class="collapse-group" id="facility_minimize">
                     <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingThree">
                           <h4 class="panel-title">
                              <a role="button" data-toggle="collapse" href="#view_facility_div" aria-expanded="true" aria-controls="collapseThree" style="padding-right:15px" class="trigger pull-left"><i class="fa fa-chevron-down"></i>
                              </a>
                              Order Summary :
                           </h4>
                        </div>
                        <div id="view_facility_div" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
                           <div class="panel-body">
                              <div class="col-sm-12" id="facility_info">
                                 <div class="col-sm-6">
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8;">
                                       <div class="col-sm-6">
                                          <label class="pull-right"> Account Name</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right"> Status</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Gateway</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Order ID</label>
                                       </div>
                                       <div class="col-sm-6">
                                         
                                       </div>
                                    </div>
                                    
                                 </div>
                                 <div class="col-sm-6">
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Total</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Date</label>
                                       </div>
                                       <div class="col-sm-6"> </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Last Transaction</label>
                                       </div>
                                       <div class="col-sm-6">  </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="collapse-group" id="facility_contact_mnimize">
                     <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingThree">
                           <h4 class="panel-title">
                              Payment Information :
                              <a role="button" data-toggle="collapse" href="#facilty_contact_div" aria-expanded="true" aria-controls="collapseThree" style="padding-right:15px" class="trigger pull-left"><i class="fa fa-chevron-down"></i>
                              </a>
                           </h4>
                        </div>
                        <div id="facilty_contact_div" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
                           <div class="panel-body">
                              <div class="col-sm-12">
                                 <div class="col-sm-6">
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Payment Method</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Payment Received</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-sm-6">
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Transaction Count</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Charge Amount</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Manual Charge</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  
                  <div class="collapse-group" id="ust_minimize">
                     <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingThree">
                           <h4 class="panel-title">
                              Recurring Billing :
                              <a role="button" data-toggle="collapse" href="#ust_info_div" aria-expanded="true" aria-controls="collapseThree" style="padding-right:15px" class="trigger pull-left"><i class="fa fa-chevron-down"></i>
                              </a>
                           </h4>
                        </div>
                        <div id="ust_info_div" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
                           <div class="panel-body">
                              <div class="col-sm-12">
                                 <div class="col-sm-6">
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Payment Frequency</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Payment Status</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Payment Stop</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Payment Count</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-sm-6">
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Charge Date</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Payment Start Date</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Payment End Date</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Next Transaction Date</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Transaction Count Recurring</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="collapse-group" id="Compliances_minimize">
                     <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingThree">
                           <h4 class="panel-title">
                              Billing Information :
                              <a role="button" data-toggle="collapse" href="#complince_div" aria-expanded="true" aria-controls="collapseThree" style="padding-right:15px" class="trigger pull-left"><i class="fa fa-chevron-down"></i>
                              </a>
                           </h4>
                        </div>
                        <div id="complince_div" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
                           <div class="panel-body">
                              <div class="col-sm-12">
                                 <div class="col-sm-6">
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Contact Name</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Account Name</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Billing First Name</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Billing Last Name</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Billing Company</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Billing Phone</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Billing Email</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-sm-6">
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Billing Address</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Billing Address Line 2</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Billing City</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Billing State</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Billing Zip/Postal</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="collapse-group" id="">
                     <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingThree">
                           <h4 class="panel-title">
                              Credit Card :
                              <a role="button" data-toggle="collapse" href="#notification_info_div" aria-expanded="true" aria-controls="collapseThree" style="padding-right:15px" class="trigger pull-left"><i class="fa fa-chevron-down"></i>
                              </a>
                           </h4>
                        </div>
                        <div id="notification_info_div" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
                           <div class="panel-body">
                              <div class="col-sm-12">
                                 <div class="col-sm-6">
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Card Details</label>
                                       </div>
                                       <div class="col-sm-3">
                                          
                                       </div>
                                       
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Card Type</label>
                                       </div>
                                       <div class="col-sm-3">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Card Number</label>
                                       </div>
                                       <div class="col-sm-3">
                                         
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Card Security Code</label>
                                       </div>
                                       
                                    </div>
                                 </div>
                                 <div class="col-sm-6">
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Card Name</label>
                                       </div>
                                       <div class="col-sm-3">
                                         
                                       
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Card Expiration Month</label>
                                       </div>
                                       <div class="col-sm-6">
                                         
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Card Expiration Year</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Card Last 4</label>
                                       </div>
                                       <div class="col-sm-6">
                                          
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </form>
            </div>
         </div>
      </div>
      <!-- end panel -->
   </div>
   <!-- end .col-md-6 -->
</div>
@endforeach

<script>
   $(document).ready(function(){
       $(this).scrollTop(0);
   });
</script>
@stop

