@extends('master')
@section('content') 
<style>
   th,td {
   text-align: center;
   padding:4px;
   }
   .text:hover{
   text-decoration: underline;
   }
</style>
<div class="col-md-12 ">
   <div  class="panel panel-primary">
      <div class="panel-heading">
         <div class="panel-title">
			<h4 class="panel-title">
               <a class="btn" role="button" data-toggle="collapse" data-target="#sample-table" href="#"  style="padding-right:15px" class="trigger pull-left"><i class="fa fa-chevron-down"></i>
               </a>
               Managed Facilities
            </h4>
         </div>
      </div>
      <div class="panel-body" id="sample-table">
         <div class="col-md-12 text-center">
            <table border="0" width = "100%" class="table-bordered text-center" style="margin: 5px;">
               <thead>
                  <tr class="primary">
                     <th>S.No</th>
                     <th>Facilities</th>
                     <th>Operator Company</th>
                     <th>Propert Owner Company</th>
                     <th>UST Owner Company</th>
                  </tr>
               </thead>
               <tbody>
                  @foreach($company_list_view as $k=>$company_list_view1)
                  <tr>
                     <td class="center" >{{$k+1}}</td>
                     <td class="center text" ><a href="{{url('admin/CompanyFacilities/' .$company_list_view1->Facility__c)}}">{{$company_list_view1->Facility__r->Name}}</a></td>
                     <td class="center" >
                        <input type="checkbox" name="" checkbox disabled >
                     </td>
                     <td class="center" ><input type="checkbox" name="" checkbox disabled >
                     </td>
                     <td class="center" >
                        <input type="checkbox" name="" checkbox disabled >
                     </td>
                  </tr>
                  @endforeach
               </tbody>
            </table>
         </div>
      </div>
   </div>
</div>
<div id="content" class="block">
   <div id="sortable-panel" class="">
      <div class="col-md-12 ">
         <div  class="panel panel-default">
            @foreach($company_account_details as $company_account_detail)
            <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">
                              Account information :
                              <a role="button" data-toggle="collapse" href="#view_facility_div" aria-expanded="true" aria-controls="collapseThree" class="trigger pull-right"><i class="fa fa-chevron-down"></i>
                              </a>
                           </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">
                                          {{ $company_account_detail->Operator_Company_Name__r->Name }}
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">SOS Link</label>
                                       </div>
                                       <div class="col-sm-6">
                                          {{ $company_account_detail->SOS_Link__c }}
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Account Owner</label>
                                       </div>
                                       <div class="col-sm-6">
                                          {{ $company_account_detail->Client_Contact__r->Name }}
                                       </div>
                                    </div>
									<div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Company Contact</label>
                                       </div>
                                       <div class="col-sm-6">
                                          {{ $company_account_detail->Company_Contact__r }}
                                       </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">Contact Title</label>
                                       </div>
                                       <div class="col-sm-6">
                                          {{ $company_account_detail->Contact_Title__r }}
                                       </div>
                                    </div>
                                    <div class="form-group" style="border-bottom: 1px solid #E8E8E8; ">
                                       <div class="col-sm-6">
                                          <label class="pull-right">Phone</label>
                                       </div>
                                       <div class="col-sm-6">
                                          {{ $company_account_detail->Mobile__c }} 
                                       </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">
                              Address Information :
                              <a role="button" data-toggle="collapse" href="#facilty_contact_div" aria-expanded="true" aria-controls="collapseThree" class="pull-right trigger"><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">Address</label>
                                       </div>
                                       <div class="col-sm-6">{{ $company_account_detail->BillingStreet }},{{ $company_account_detail->BillingCity }},{{ $company_account_detail->BillingState }},{{ $company_account_detail->BillingCountry }},{{ $company_account_detail->BillingPostalCode }}.
                                       </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">Country</label>
                                       </div>
                                       <div class="col-sm-6">
                                          {{ $company_account_detail->BillingCountry }}
                                       </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">
                              Additonal Details :
                              <a role="button" data-toggle="collapse" href="#client_info_div" aria-expanded="true" aria-controls="collapseThree" class="trigger pull-right"><i class="fa fa-chevron-down"></i>
                              </a>
                           </h4>
                        </div>
                        <div id="client_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">Tax Id</label>
                                       </div>
                                       <div class="col-sm-6">
                                          {{ $company_account_detail->Tax_ID__c }}
                                       </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">Federal Id</label>
                                       </div>
                                       <div class="col-sm-6">
                                          {{ $company_account_detail->Federal_ID__c }}
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </form>
            </div>
            @endforeach
         </div>
      </div>
      <!-- end panel -->
   </div>
   <!-- end .col-md-6 -->
</div>
<script>
   $(document).ready(function(){
       $(this).scrollTop(0);
   });
      $('#checkbox_1').on('click', function(){
            $(".first_checkbox").prop('checked', $(this).prop("checked"));
      });
      $('#checkbox_2').on('click', function(){
            $(".second_checkbox").prop('checked', $(this).prop("checked"));
      });
      $('#checkbox_3').on('click', function(){
            $(".third_checkbox").prop('checked', $(this).prop("checked"));
      });
      $('#checkbox_4').on('click', function(){
            $(".fourth_checkbox").prop('checked', $(this).prop("checked"));
      });
</script>
@stop