@extends('admin.layout.master')

@section('content-header')
    <!-- Content Header (Page header) -->
    <section class="content-header">
    @include('errors.success_notify')
              @include('errors.error_notify')

      <h1>
        Manage Users
        <small>All Users</small>
      </h1>
             <!--  <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">Tables</a></li>
        <li class="active">Data tables</li>
      </ol> -->
    </section>
@stop

@section('content')
<!-- Main content -->
    <div class="page-header clearfix">
        <div class="pull-left leftmargin15">
       <a href="{{url('users/create')}}" class="btn btn-bg btn-primary" title="New">
                <span><i class="fa fa-plus-circle fa-btn fa-primary"></i> {{ trans('table.new') }}</span></a>

        </div>

       <!--  <div class="pull-right">
          
        </div> -->
    </div>

    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          
          <!-- /.box -->

          <div class="box">
            <div class="box-header">
              <!-- <h3 class="box-title">Data Table With Full Features</h3> -->
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="listTable" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th class="text-center">Full Name</th>
                  <th class="text-center">Company Name</th>
                  <th class="text-center" style="width: 100px">Email</th>
                  <th class="text-center"  style="width: 100px">Address</th>
                  <th class="text-center">Website</th>
                  <th class="text-center">Phone No</th>
                  <th class="text-center">Role</th>
                  <!-- <th class="text-center">License No</th> -->
                  <!-- <th class="text-center">No of Designers</th> -->
                  <th class="text-center">Status</th>
                  <th class="text-center" data-orderable="false"   style="width: 200px">Actions</th>
                </tr>
                </thead>
                <tbody>
            
               @foreach($users as $user)
                <tr>
                  <!-- <td>Trident</td> -->
                  <td class="text-center">{{$user->name}}</td>
                  <td class="text-center">{{$user->company_name}}</td>
                  <td class="text-center">{{$user->email}}</td>
                  <td class="text-center">{{$user->address}}</td>
                  <td class="text-center">{{$user->website}}</td>
                  <td class="text-center">{{$user->phone_no}}</td>
                  <td class="text-center">{{($user->is_admin == 1)? 'Admin' : 'User'}}</td>
                  <!-- <td class="text-center">{{$user->license_no}}</td> -->
                  <!-- <td class="text-center">{{$user->no_designers}}</td> -->
                  <td class="text-center">
                  <a class="btn {{ ($user->is_active == 1)? 'btn-success':'btn-danger' }} updatedstatus" page-id="{{ $user->id }}" tooltip="" title="Status" type="button" href="#" value="{{ $user->is_active }}">
                  <i class="fa {{ ($user->is_active == 1)?'fa-check':'fa-close' }} "></i>
                  </a>
          
                  </td>
                  <td class="text-center">
                    <!-- <a class="btn  btn-warning"  href=""><span class="fa fa-edit"></span></a> -->
                    <!-- <a class="btn  btn-warning"  href=""><span class="fa fa-close"></span></a> -->
                    <a href= "{{url('admin/projects/'.$user->id)}}" class="btn btn-primary" title="Show Projects" >
                      <i class="fa fa-briefcase" aria-hidden="true"></i> </a>
                    <a href= "{{url('users/'. $user->id )}}" class="btn btn-primary" title="Profile" >
                    <i class="fa fa-fw fa-eye"></i> </a>
                  
                    <a href= "{{url('users/'. $user->id .'/edit' )}}" title="Edit Profile" class="btn btn-warning" >

                    <i class="fa fa-fw fa-edit"></i> </a>
                    @if($user->is_admin != 1)
                    <a href= "{{url('users/'. $user->id . '/delete' )}}" class="btn btn-danger"title="Delete">
                    <i class="fa fa-fw fa-times"></i> </a>
                    @endif
                  </td>           
                </tr>

                @endforeach

                </tbody>
                 <tfoot>
                <tr>
                  <th class="text-center">Full Name</th>
                  <th class="text-center">Company Name</th>
                  <th class="text-center">Email</th>
                  <th class="text-center" style="width: 120px">Address</th>
                  <th class="text-center">Website</th>
                  <th class="text-center">Phone No</th>
                 <!--  <th class="text-center">Fax</th>
                  <th class="text-center">License No</th>
                  <th class="text-center">No of Designers</th> -->
                  <th class="text-center">Status</th>
                  <th class="text-center" data-orderable="false"  style="width: 150px">Actions</th>
                </tr>
                </tfoot> 
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->




@stop

@section('javascript')
<!-- page script -->
<script>

$(document).on('click', '.updatedstatus', function() {
       var valw = $(this).val();
       $(this).parents('tr').toggleClass('warning');
       $(this).hide().parent().append('<i class="fa fa-refresh fa-spin"></i>');
       var valuedata = $(this).attr('page-id');
       var updatestatus = $(this).attr('value');

       $(this).addClass('currentclass');

       $.ajax({
           url: 'users/updatestatus/' + valuedata,
           type: 'GET',
           data: "is_active=" + updatestatus,
       })

       .done(function(data) {
        data = jQuery.parseJSON(data);

           if (data.is_active == 0) {
               $(".currentclass").removeClass("btn-success").addClass("btn-danger");
               $(".currentclass .fa-check").removeClass("fa-check").addClass("fa-close");
               $(".currentclass").attr("value", data.is_active)
           } else {
               $(".currentclass").removeClass("btn-danger").addClass("btn-success");
               $(".currentclass .fa-close").removeClass("fa-close").addClass("fa-check");
               $(".currentclass").attr("value", data.is_active);
           }
           $(".currentclass").show();
           $('.currentclass').find('span').remove();
           $(".currentclass").removeClass("currentclass");
           $('.fa-spin').remove();
       })

       .fail(function(data) {
           $('.fa-spin').remove();
           alert("Error Occured. Please contact Developer");
       });
   });

</script>

<script>
$(function () {
$("#listTable").DataTable({
    "ordering": false
});
});
</script>

<script>
    $(function () {
       setTimeout(function() {
            $(".alert-danger,.alert-success,.email-error").fadeOut('slow')
        }, 5000);
    });
</script>

@stop