@extends('layouts.admin')
@section('pageTitle')
  <title>Best Insurance | Affiliates</title>
@stop
@section('content')

<section class="content" >
  
  <div class="box">
    <div class="box-header">
      <!--  -->
    </div>
    <!-- /.box-header -->
    <div class="box-body table-responsive">
        <table id="dataTables" class="table table-bordered table-hover ">
            <thead>
              <tr>
                <th>Email</th>
                <th>Name</th>
                <th>Phone number</th>
                <th>Address</th>
                <th width="15%">designation</th>
                <th width="15%">created date</th>
                <th class="actalign">Status</th>
                <th width="10%" class="actalign">Actions</th>
              </tr>
            </thead>
            <tbody>
              @if(isset($users))
              @foreach($users as $user)
                <tr>
                  <td>{{$user->email}}</td>
                  <td>{{$user->first_name.' '.$user->last_name}} </td>
                  <td>{{$user->phone_no}} </td>
                  <td>{{$user->address}} </td>
                  <td>{{$user->designation}}</td>
                  <td>{{$user->created_at}}</td>
                  <td class="actalign">

                  @if($user->status == '1')
                   <i class="fa fa-check text-green"></i> </td>
                  @else
                    <i class="fa fa-times text-red"></i> </td>
                  @endif

                  <td class="actalign"> 
                    <!-- Edit button -->
                    <a class="text-blue" title="Edit" href="{{URL::to('account/edit-affiliate-user/'.$user->id.'')}}">
                      <i class="fa fa-fw fa-edit"></i>
                    </a> 
                    <!-- Delete button -->
                    <a class="text-red delete-btn" href="#" title="Delete" data-userId='{{$user->id}}'>
                      <i class="fa fa-fw fa-remove"></i>
                    </a> 
                  </td>
                </tr>
              @endforeach
              @endif
          </tbody>
        </table>
    </div>
        <!-- /.box-body -->
  <!-- </div> -->
</div>
    <a data-target="#ConfirmDelete" role="button" data-toggle="modal" id="trigger"></a>
   
</section>

@stop
@section('pageBottomJs')
<style type="text/css">

  /* add button css */
  .fa-fw {
    width: 2.285714em;
    text-align: center;
  }
  .info-box {
    min-height: 42px;
  }
  .info-box-icon {
    height: 42px;
  }

  /* for Actions alignments in table */
  .actalign{
    text-align: center;
  }
</style> 
<!-- dataTables -->
<script src="{{ URL::asset('assets/js/dataTables/jquery.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.min.js') }}"></script>
<link rel="stylesheet" href="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.css') }}">

<script>
    $(document).ready(function () {

      //data tables
      $('#dataTables').dataTable({
          "paging": true,
          "lengthChange": true,
          "searching": true,
          "ordering": true,
          "info": true,
          "autoWidth": false,
          "order": [[5, 'desc']],
          "aoColumnDefs": [
            {"bSortable": false, "aTargets": [5]}
          ],
          "iDisplayLength": 20,
          "aLengthMenu" : [[10,20,50,100,-1],[10,20,50,100,"All"]],
        });   
     

    // delete script
    $(".delete-btn").click(function () {
        var user_id = $(this).attr("data-userId");

        // confirm button 
        $("#confirmButton").html(
           "<a href='/account/destroy-affiliate-user/"+ user_id+"'  class='btn btn-danger'>Confirm</a>"
        );

        // modal title
        $('#modal-title').html(
          '<h4 class="modal-title">User deletion</h4>'
          );

        //modal body
        $('#modal-body').html(
          '<p> Do you really want to delete this element?</p>'
          );

        $("#trigger").click();
    });
  });

</script>
@stop