@extends('layouts.app')
@section('style')
<link rel="stylesheet" type="text/css" href="{{URL::asset('
ltr/assets/pages/css/profile-2.min.css')}}"> 
<style type="text/css">
  .padding{
    padding: 0px;    
  }
</style>
@stop
@section('content') 
<div class="portlet">
   <div class="portlet-title">
      <div class="caption">
          <i class=""></i>@lang('layout.VendorDetails')
      </div>
      <div class="tools">
          <a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
          <a href="#portlet-config" data-toggle="modal" class="config" data-original-title="" title=""> </a>
      </div>
  </div>
  <div class="portlet-body">
      <div class="tabbable-line tabbable-full-width">
          <ul class="nav nav-tabs">
              <li class="active">
                  <a href="#tab_1_1" data-toggle="tab"> @lang('layout.Overview') </a>
              </li>
              <li>
                  <a href="#tab_1_3" data-toggle="tab"> @lang('layout.Info') </a>
              </li> 
              <div class="btn-group pull-right"> 
                 <a href="{{route('vendor.create')}}">
                <button class="btn btn-success" >
                      @lang('layout.OpeningBalance')
                 </button></a> 
                 <a href="{{route('vendor.create')}}">
                <button class="btn btn-success">
                      @lang('layout.Prepaid')
                 </button></a> 
          </div>
          </ul> 
          <div class="tab-content">
              <div class="tab-pane active" id="tab_1_1">
                  <div class="">
                      <div class="col-md-2">
                          <ul class="list-unstyled profile-nav">
                              <li>
                                 <div title="{{$vendor->name}}" class="twPc-avatarLink">
                                      @if($vendor->photo ==Null)
                                      <img class="twPc-avatarImg" src="{{asset('uploads/avatar.png')}}" style="width:170px; height:170px;" >
                                      @else
                                      <img class=" twPc-avatarImg" src="{!!url('/uploads/'.$vendor->photo)!!}" style="width:170px; height:170px;" > 
                                      @endif    
                                  </div>
                              </li> 
                          </ul>
                      </div>
                      <div class="col-md-10">
                          <div class="row">
                              <div class="col-md-8 profile-info">
                                  <h1 class="font-green sbold uppercase">{{$vendor->name}}</h1>
                                  <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt laoreet dolore magna aliquam tincidunt erat volutpat laoreet dolore magna aliquam tincidunt erat volutpat.
                                      </p>
                                  <p>
                                      <a href="javascript:;"> www.mywebsite.com </a>
                                  </p>
                                  <ul class="list-inline">
                                      <li>
                                          <i class="fa fa-map-marker"></i> Spain </li>
                                      <li>
                                          <i class="fa fa-calendar"></i> 18 Jan 1982 </li>
                                      <li>
                                          <i class="fa fa-briefcase"></i> Design </li>
                                      <li>
                                          <i class="fa fa-star"></i> Top Seller </li>
                                      <li>
                                          <i class="fa fa-heart"></i> BASE Jumping </li>
                                  </ul>
                              </div>
                              <!--end col-md-8-->
                              <div class="col-md-4">
                                  <div class="portlet sale-summary">
                                      <div class="portlet-title">
                                          <div class="caption font-red sbold"> Sales Summary </div>
                                          <div class="tools">
                                              <a class="reload" href="javascript:;"> </a>
                                          </div>
                                      </div>
                                      <div class="portlet-body">
                                          <ul class="list-unstyled">
                                              <li>
                                                  <span class="sale-info"> TODAY SOLD
                                                      <i class="fa fa-img-up"></i>
                                                  </span>
                                                  <span class="sale-num"> 23 </span>
                                              </li>
                                              <li>
                                                  <span class="sale-info"> WEEKLY SALES
                                                      <i class="fa fa-img-down"></i>
                                                  </span>
                                                  <span class="sale-num"> 87 </span>
                                              </li>
                                              <li>
                                                  <span class="sale-info"> TOTAL SOLD </span>
                                                  <span class="sale-num"> 2377 </span>
                                              </li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                              <!--end col-md-4-->
                          </div>
                          <!--end row-->
                      </div>
                  </div>
                  <div class="">
                      <div class="tabbable-line tabbable-custom-profile">
                          <ul class="nav nav-tabs">  
                               <li class="active">
                                  <a href="#Purchases" data-toggle="tab" id="Purch-table">
                                   <i class=" icon-basket-loaded"></i><b> @lang('layout.Purchases') </b></a>
                              </li>
                              <li class="">
                                  <a href="#bill" data-toggle="tab" id="ven-bill">
                                   <i class="icon-note"></i><b> @lang('layout.Bill')</b> </a>
                              </li>
                              <li class="">
                                  <a href="#payments" data-toggle="tab" id="cus-payments">
                                   <i class="fa  "></i><b> @lang('layout.Pyments') </b></a>
                              </li> 
                              <li class="">
                                  <a href="#statement" data-toggle="tab" id=cus-statement>
                                   <i class="icon-credit-card"></i><b> @lang('layout.Statements') </b></a>
                              </li>
                          </ul> 
                          <div class="tab-content padding" style="padding: 0px;">
                                <div class="tab-pane" id="Purchases">
                                   <div class="row">
                                      <div class="col-md-12">
                                          <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                          <div class="portlet light bordered">
                                              <div class="portlet-title">
                                                  <div class="caption font-dark">
                                                      <i class="icon-settings font-dark"></i>
                                                      <span class="caption-subject bold uppercase">@lang('layout.PurchasesDetails')</span>
                                                  </div>
                                                      <div class="actions">
                                                       {{Form::open(['route' => 'export.exportCsv','method' => 'DELETE','class' => 'inline'])}}
                                                         <input type="hidden" name="type" value="vendorPurchases"/>
                                                         <input type="hidden" name="id" value="{{$vendor->id}}"/> 
                                                         <input type="hidden" name="id" value="{{$vendor->id}}"/> 
                                                         <button type="submit" class="btn btn-success"> <i class="fa fa-file-excel-o"></i> @lang('layout.Excel') </button>
                                                      {{Form::close()}} 

                                                       {{Form::open(['route' => 'export.PDFAny','method' => 'DELETE','class' => 'inline'])}}
                                                         <input type="hidden" name="type" value="vendorPurchases"/>
                                                         <input type="hidden" name="id" value="{{$vendor->id}}"/> 
                                                         <button type="submit" class="btn btn-success"> <i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                                                      {{Form::close()}}  
                                                  </div>
                                              </div>
                                              <div class="portlet-body">
                                                  <table class="table table-striped table-bordered table-hover" id="pur">
                                                      <thead>
                                                      <tr>  
                                                          <th>@lang('layout.purchaseNumber')</th>
                                                          <th>@lang('layout.Account')</th>
                                                          <th>@lang('layout.Date')</th>
                                                          <th>@lang('layout.Type')</th>
                                                          <th>@lang('layout.Amount')</th>
                                                          <th>@lang('layout.Currency')</th>
                                                      </tr>
                                                      </thead>
                                                  </table>
                                              </div>
                                          </div>
                                          <!-- END EXAMPLE TABLE PORTLET-->
                                      </div>
                                    </div>
                                </div>
                              <!--tab-pane-->
                               <div class="tab-pane" id="bill">
                                  <div class="row">
                                    <div class="col-md-12">
                                        <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                        <div class="portlet light bordered">
                                            <div class="portlet-title">
                                                <div class="caption font-dark">
                                                    <i class="icon-settings font-dark"></i>
                                                    <span class="caption-subject bold uppercase">@lang('layout.BillDetails')</span>
                                                </div>
                                                    <div class="actions">
                                                     {{Form::open(['route' => 'export.exportCsv','method' => 'DELETE','class' => 'inline'])}}
                                                       <input type="hidden" name="type" value="Inoice_Details"/>
                                                       <input type="hidden" name="id" value="{{$vendor->id}}"/> 
                                                       <input type="hidden" name="id" value="{{$vendor->id}}"/> 
                                                       <button type="submit" class="btn btn-success"> <i class="fa fa-file-excel-o"></i> @lang('layout.Excel') </button>
                                                    {{Form::close()}} 

                                                     {{Form::open(['route' => 'export.PDFAny','method' => 'DELETE','class' => 'inline'])}}
                                                       <input type="hidden" name="type" value="Inoice_Details"/>
                                                       <input type="hidden" name="id" value="{{$vendor->id}}"/> 
                                                       <button type="submit" class="btn btn-success"> <i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                                                    {{Form::close()}}  
                                                </div>
                                            </div>
                                            <div class="portlet-body">
                                                <table class="table table-striped table-bordered table-hover" id="bills">
                                                    <thead>
                                                    <tr>   
                                                        <th>@lang('layout.BillNumber')</th>
                                                        <th>@lang('layout.Account')</th>
                                                        <th>@lang('layout.DueDate')</th>
                                                        <th>@lang('layout.Date')</th>
                                                        <th>@lang('layout.Amount')</th>
                                                        <th>@lang('layout.Currency')</th>
                                                    </tr>
                                                    </thead>
                                                </table>
                                            </div>
                                        </div>
                                        <!-- END EXAMPLE TABLE PORTLET-->
                                    </div>
                                  </div>
                                </div> 
                                <div class="tab-pane" id="payments">
                                   <div class="row">
                                      <div class="col-md-12">
                                          <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                          <div class="portlet light bordered">
                                              <div class="portlet-title">
                                                  <div class="caption font-dark">
                                                      <i class="icon-settings font-dark"></i>
                                                      <span class="caption-subject bold uppercase">@lang('layout.PaymentsDetails')</span>
                                                  </div>
                                                      <div class="actions">
                                                       {{Form::open(['route' => 'export.exportCsv','method' => 'DELETE','class' => 'inline'])}}
                                                         <input type="hidden" name="type" value="vendorPayments"/>
                                                         <input type="hidden" name="id" value="{{$vendor->id}}"/> 
                                                         <input type="hidden" name="id" value="{{$vendor->id}}"/> 
                                                         <button type="submit" class="btn btn-success"> <i class="fa fa-file-excel-o"></i> @lang('layout.Excel') </button>
                                                      {{Form::close()}} 

                                                       {{Form::open(['route' => 'export.PDFAny','method' => 'DELETE','class' => 'inline'])}}
                                                         <input type="hidden" name="type" value="vendorPayments"/>
                                                         <input type="hidden" name="id" value="{{$vendor->id}}"/> 
                                                         <button type="submit" class="btn btn-success"> <i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                                                      {{Form::close()}}  
                                                  </div>
                                              </div>
                                              <div class="portlet-body">
                                                  <table class="table table-striped table-bordered table-hover" id="payment-table">
                                                      <thead>
                                                      <tr>   
                                                          <th>@lang('layout.Account')</th>
                                                          <th>@lang('layout.Date')</th>
                                                          <th>@lang('layout.DueDate')</th>
                                                          <th>@lang('layout.Amount')</th>
                                                          <th>@lang('layout.Rate')</th>
                                                          <th>@lang('layout.Currency')</th>
                                                      </tr>
                                                      </thead>
                                                  </table>
                                              </div>
                                          </div>
                                          <!-- END EXAMPLE TABLE PORTLET-->
                                      </div>
                                    </div>
                                </div> 
                                <div class="tab-pane" id="statement">
                                   <div class="row">
                                      <div class="col-md-12">
                                          <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                          <div class="portlet light bordered">
                                              <div class="portlet-title">
                                                  <div class="caption font-dark">
                                                      <i class="icon-settings font-dark"></i>
                                                      <span class="caption-subject bold uppercase">@lang('layout.StatementDetails')</span>
                                                  </div>
                                                      <div class="actions">
                                                       {{Form::open(['route' => 'export.exportCsv','method' => 'DELETE','class' => 'inline'])}}
                                                         <input type="hidden" name="type" value="vendorStatement"/>
                                                         <input type="hidden" name="id" value="{{$vendor->id}}"/> 
                                                         <input type="hidden" name="id" value="{{$vendor->id}}"/> 
                                                         <button type="submit" class="btn btn-success"> <i class="fa fa-file-excel-o"></i> @lang('layout.Excel') </button>
                                                      {{Form::close()}} 

                                                       {{Form::open(['route' => 'export.PDFAny','method' => 'DELETE','class' => 'inline'])}}
                                                         <input type="hidden" name="type" value="vendorStatement"/>
                                                         <input type="hidden" name="id" value="{{$vendor->id}}"/> 
                                                         <button type="submit" class="btn btn-success"> <i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                                                      {{Form::close()}}  
                                                  </div>
                                              </div>
                                              <div class="portlet-body">
                                                  <table class="table table-striped table-bordered table-hover" id="statement-table">
                                                      <thead>
                                                      <tr>   
                                                          <th>@lang('layout.Number')</th>
                                                          <th>@lang('layout.SalesNumber')</th>
                                                          <th>@lang('layout.Account')</th>
                                                          <th>@lang('layout.Date')</th>
                                                          <th>@lang('layout.DueDate')</th>
                                                          <th>@lang('layout.Currency')</th>
                                                          <th>@lang('layout.Amount')</th>
                                                      </tr>
                                                      </thead>
                                                  </table>
                                              </div>
                                          </div>
                                          <!-- END EXAMPLE TABLE PORTLET-->
                                      </div>
                                    </div>
                                </div>
                              <!--  -->
                          </div>
                      </div>
                  </div>
              </div>
              <!--tab_1_2-->
               <div class="tab-pane" id="tab_1_3">
                    <div class=" profile-account">
                        <div class="col-md-3">
                            <ul class="ver-inline-menu tabbable margin-bottom-10">
                                <li class="active">
                                    <a data-toggle="tab" href="#tab_1-1">
                                        <i class="icon-user"></i> @lang('layout.PersonalInfo') </a>
                                    <span class="after"> </span>
                                </li>
                                <li>
                                    <a data-toggle="tab" href="#tab_2-2">
                                        <i class="icon-home"></i> @lang('layout.AddressInfo') </a>
                                </li> 
                            </ul>
                        </div>
                        <div class="col-md-9">
                            <div class="tab-content">
                                <div id="tab_1-1" class="tab-pane active">
                                    <div class="row">
                                        <div class="col-md-12">
                                           <table class="table">
                                               <thead>
                                                  <tr>
                                                     <th>@lang('layout.Name')</th>
                                                     <th>@lang('layout.Email')</th>
                                                     <th>@lang('layout.Phone')</th>
                                                     <th>@lang('layout.Code')</th>
                                                     <th>@lang('layout.Gender')</th>
                                                     <th>@lang('layout.DateOfBirth')</th>
                                                     <th>@lang('layout.Membership')</th>
                                                     <th>@lang('layout.Date')</th>
                                                  </tr>
                                               </thead>
                                               <tbody>
                                                  <tr class="active">
                                                    <td class="hidden-xs"> {{ $vendor->name }}  </td>
                                                    <td class="hidden-xs"> {{ $vendor->email }}  </td>
                                                    <td class="hidden-xs"> {{ $vendor->phone }}  </td>
                                                    <td class="hidden-xs"> {{ $vendor->code }}  </td>
                                                    <td class="hidden-xs"> {{ $vendor->gender }}  </td>
                                                    <td class="hidden-xs"> {{ $vendor->date_of_birth }}  </td>
                                                    <td class="hidden-xs"> {{ $vendor->membership }}  </td>
                                                    <td class="hidden-xs"> {{ $vendor->reg_date }}  </td>
                                                  </tr>
                                                   
                                               </tbody>
                                            </table>
                                        </div> 
                                    </div>  
                                </div>
                                <div id="tab_2-2" class="tab-pane">
                                  <div class="row">
                                     <div class="col-md-12">
                                         <table class="table">
                                             <thead>
                                                <tr>
                                                   <th>@lang('layout.Address1')</th>
                                                   <th>@lang('layout.Address2')</th>
                                                   <th>@lang('layout.PostCode')</th>
                                                   <th>@lang('layout.City')</th>
                                                   <th>@lang('layout.Country')</th>
                                                </tr>
                                             </thead>
                                             <tbody>
                                                  <tr class="active">
                                                  <td class="hidden-xs"> {{ $vendor->address1 }}  </td>
                                                  <td class="hidden-xs"> {{ $vendor->address2 }}  </td>
                                                  <td class="hidden-xs"> {{ $vendor->post_code }}  </td>
                                                  <td class="hidden-xs"> {{ $vendor->city }}  </td>
                                                  <td class="hidden-xs"> {{ $vendor->country }}  </td> 
                                                </tr>
                                             </tbody>
                                          </table>
                                     </div> 
                                  </div>  
                                </div>
                              
                                 
                            </div>
                        </div>
                        <!--end col-md-9-->
                    </div>
              </div>
              <!--end tab-pane-->
              
              <!--end tab-pane-->
          </div>
      </div>
  </div>
</div> 
 
@endsection
@push('scripts')

<script>

  $(document).ready(function(){ 
       $('#pur').DataTable({  
              scrollCollapse: true,
              // serverSide: true,
              paging: true,
             retrieve: true, 
              ajax:{ 
                url:'{{route("vendor.show",$vendor->id)}}',
                  data:{type:'purchase'}
                },

              columns: [
                  { data: 'Number', name: 'Number' },
                  { data: 'Account', name: 'Account' },
                  { data: 'Date', name: 'Date' },
                  { data: 'Type', name: 'Type' },
                  { data: 'Amount', name: 'Amount' },
                  { data: 'Currency', name: 'Currency' },
          ]
          });
});


// Purchases  scripts end 

// Invoices  scripts starts 

  $(document).ready(function(){ 
      $('#ven-bill').on('shown.bs.tab', function(event){

          $('#bills').DataTable({
              scrollCollapse: true,
              // serverSide: true,
              paging: true,
              retrieve: true, 
              ajax:{

                url:'{{route("vendor.show",$vendor->id)}}',
                  data:{type:'bill'}
                },
              columns: [ 
                  { data: 'Number', name: 'Number' },
                  { data: 'Account', name: 'Account' },
                  { data: 'Due_Date', name: 'Due_Date' },
                  { data: 'Date', name: 'Date' },
                  { data: 'Amount', name: 'Amount' },
                  { data: 'Currency', name: 'Currency' },
              ]
          });

      });
  });

// Payments scripts 

  $(document).ready(function(){ 
      $('#cus-payments').on('shown.bs.tab', function(event){

          $('#payment-table').DataTable({
              scrollCollapse: true,
              // serverSide: true,
              paging: true,
              retrieve: true,

              ajax:{
                url:'{{route("vendor.show",$vendor->id)}}',
                  data:{type:'payment'}
                },  
              columns: [
            
                  { data: 'Account', name: 'Account' },
                  { data: 'Date',    name: 'Date' },
                  { data: 'Due_Date',name: 'Due_Date' },
                  { data: 'Amount', name: 'Amount' },
                  { data: 'Rate', name: 'Rate' },
                  { data: 'Currency', name: 'Currency' },
              ]
          });

      });
  });
 
// Pyaments  scripts end
  $(document).ready(function(){ 
      $('#cus-statement').on('shown.bs.tab', function(event){

          $('#statement-table').DataTable({
              scrollCollapse: true,
              // serverSide: true,
              paging: true,
              retrieve: true,

              ajax:{
                url:'{{route("vendor.show",$vendor->id)}}',
                  data:{type:'statements'}
                },  
              columns: [  
                  { data: 'Number', name: 'Number' },
                  { data: 'sale_number', name: 'sale_number' },
                  { data: 'account_name', name: 'account_name' },
                  { data: 'Date', name: 'Date' },
                  { data: 'Due_date', name: 'Due_date' },
                  { data: 'Amount', name: 'Amount' },
                  { data: 'Currency', name: 'Currency' },
              ]
          });

      });
  });
 

</script>


@endpush