@extends('layouts.admin')

@section('content')
  <div class="content-wrapper">
    <section class="content-header">
      <h1>
        <i class="fa fa-users"></i> Customer List
        <small>View all Customers</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="/Dashboard"><i class="fa fa-dashboard"></i> Dashboard</a></li>
        <li><a href="/Customer"><i class="fa fa-user"></i> Customer</a></li>
        <li class="active"><i class="fa fa-users"></i> List</li>
      </ol>
    </section>

    <section class="content">
      <div class="box">
        <div class="box-header with-border"></div>
        <div class="box-body">   
          <table id="CustomerList" class="table table-hover table-responsive table-condensed">
            <thead>
              <tr>
                <th> ID</th>
                <th> Name</th>
                <th> Phone</th>
                <th> Email</th>
                <th> Shop</th>
                <th> Bought</th>
                <th> Paid</th>
                <th> Balance</th>
                <th> Status </th>
                <th> Action</th
              </tr>         
            </thead>
            <tbody>
              @for ($i=0;$i<count($Customer);$i++)
              <tr>
                <td>{{$Customer[$i]->CustomerID}}</td>
                <td>{{$Customer[$i]->FirstName}} {{$Customer[$i]->LastName}}</td>
                <td>{{$Customer[$i]->Phone}}</td>
                <td>{{$Customer[$i]->Email}}</td>
                <td>{{$Customer[$i]->ShopName}}</td>
                <td>{{round($Received[$i])}}</td>
                <td>{{round($Received[$i]-$Customer[$i]->Balance)}}</td>
                <td>{{round($Customer[$i]->Balance)}}</td>
                @if($Customer[$i]->Inactive == 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="/Customer/Details/{{ $Customer[$i]->CustomerID }}" class="btn btn-info"> <i class="fa fa-info"></i></a>

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

                      

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

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

                      @if(Auth::user()->admin==5)
                      <a title="Delete" href="/Customer/Delete/{{ $Customer[$i]->CustomerID }}" class="btn btn-danger"> <i class="fa fa-trash"></i></a>
                      @endif
                  
                </td>
              </tr>


              @endfor
              
            </tbody>                
          </table>

          


          
        </div>
      </div>
    </section>
  </div>
  <script>
  $(document).ready(function() {
      
      $('#CustomerList').DataTable();

      
    });

  
  // $('#CustomerList').on('click','.delete',function(event) 
  // {
  //   event.preventDefault();
  //   var index=$('[name="delete[]"]').index(this);
  //   var ID=$('[name="delete[]"]').eq(index).val();
  //   alert(ID);

  // });
    /*$("#CustomerList'").on('click','.delete',function(e){
      alert('Hello');
      e.preventDefault();
      var href = this.href;
      alertify.confirm("Are you sure?", function (e) {
        if (e) {
            window.location.href = href;
        }
      });
    });*/
  </script>

  @endsection