@extends('layouts.admin')

@section('content')
  <!--==================== Wrapper  ======================-->
  <div class="content-wrapper">
    <!--=====================  Content Header ===================-->
    <section class="content-header">
      <h1>
        <i class="fa fa-list-ul"></i> Vendor List
        <small>View All Vendors list</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="/Dashboard"><i class="fa fa-dashboard"></i> Dashboard</a></li>
        <li class="active">Vendor List</li>
      </ol>
    </section>
    <!--===================== / Content Header ===================-->


    <!--=====================  Main Content  ======================-->
    <section class="content">

      <div class="box">
        <div class="box-header"> </div>

        <div class="box-body">
          <table id="VendorList" class="table table-bordered table-striped dataTable table-condensed">
            <thead>
              <tr>
                <th>Vendor Name</th>
                <th> Contact Person</th>
                <th> Phone</th>
                <th> Received</th>
                <th> Paid    </th>
                <th> Balance</th>
                <th> Status </th>
                <th> Action</th>
              </tr>           
            </thead>

            <tbody>            
              @for ($i=0;$i<count($every);$i++)
                <tr>
                  <td><input type="hidden" name="VendorID[]" value="{{$every[$i]->VendorID}}">{{$every[$i]->VendorName}}</td>
                  <td>{{$every[$i]->ContactName}}</td>                  
                  <td>{{$every[$i]->Phone1}}</td>
                  <td>{{round($Received[$i])}}</td>
                  <td>{{round($Received[$i]-$every[$i]->Balance)}}</td>

                  <td>
                    
                      {{ round($every[$i]->Balance,2) }}
                    
                  </td> 

                  @if($every[$i]->InactiveVendor == 0)
                    <td class="text-center bg-blue"><strong>Active</strong></td>
                  @else
                    <td class="text-center"><strong>Inactive</strong></td>
                  @endif

                  <td>
                    
                      <a title="Details" href="/Vendor/Details/{{ $every[$i]->VendorID }}" class="btn btn-info"> <i class="fa fa-info"></i></a>

                      <a title="Payment" href="/Vendor/Payment/{{ $every[$i]->VendorID }}" class="btn btn-flat bg-olive"> <i class="fa fa-hand-lizard-o"></i></a>
                      <a title="Receive" href="/Vendor/Receive/{{ $every[$i]->VendorID }}" class="btn btn-flat bg-blue"> <i class="fa fa-plane"></i></a>

                      

                      <a title="Ledger" href="/Vendor/Ledger/{{ $every[$i]->VendorID }}" class="btn btn-success"><i class="fa fa-book"></i></a>

                      <a title="Edit" href="/Vendor/Edit/{{ $every[$i]->VendorID }}" class="btn btn-warning"><i class="fa fa-pencil"></i></a>                      

                      @if(Auth::user()->admin==5)
                      <a title="Delete" href="/Vendor/Delete/{{ $every[$i]->VendorID }}" class="btn btn-danger"> <i class="fa fa-trash"></i></a>
                      @endif
                    
                  </td>
                </tr>        
              @endfor 
            </tbody>                
          </table>
        </div>
      </div>
    </section>
    <!--=====================  / Main Content  ======================-->
  </div>
  <!--=====================  /Wrapper  ======================-->


  <script>
    $(document).ready(function() {
      $('#VendorList').DataTable();
      $('.Loan').on('click',function()
      {
        var Index=$('[name="Loan[]"]').index(this);
        var ID=$('input[name="VendorID[]"]').eq(Index).val();
        $('#LoanModal').modal('show');
        alert(ID);

      });
    });
  </script>
   <script>
    $(".btn-danger").on('click', function(e){
      e.preventDefault();
      var href = this.href;
      alertify.confirm("Are you sure?", function (e) {
        if (e) {
            window.location.href = href;
        }
      });
    });
    </script>

@endsection