@extends('layouts.master')
@extends('sidebar.dashboard')

<!-- @section('page-styles')

    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.18/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.jqueryui.min.css">
@endsection -->


@section('page-style')


<style>
  .alert-danger {
    background-color: #fff !important;
    padding-left: 18px;
  }

  .alert-primary {
    background-color: #fff !important;
    padding-left: 7px;
  }
</style>
@endsection

@section('content')






<div class="row" id="table-hover-row">
  <div class="col-12">
    <div class="card">
      @include('layouts.messages')
      <div class="card-header border-bottom">

        <h4 class="card-title">Manage Users</h4>

        @if (Auth::user()->can('a_user.create'))
        <span class="float-right">

          <a class="btn btn-primary text-white" href="{{ route('users.create') }}">Add User</a>

        </span>
        @endif
      </div>

      <div class="table-responsive">
        <table class="table table-hover">

          <tbody>
            @foreach ($users as $role => $user)

            @if($role=='Profit Center')


            <thead>


              <tr style="text-align: center; font-weight:600">
                <td colspan="6" style="background: gainsboro;font-size: 15px;">{{$role}} Users</td>
              </tr>
              <tr>
                <th>Name</th>
                <th>Email</th>
                <th>Asset Name</th>
                <th>Role</th>

                <th colspan="2">Actions</th>
              </tr>
            </thead>



            @foreach ($user as $userval)
            <tr>

              <td>{{ $userval->name }}</td>
              <td>{{ $userval->email }}</td>
              <td><strong>{{ $userval->pcuser->a_name}}</strong></td>
              <td>
                                  <span class="badge rounded-pill badge-light-warning me-1">
                    {{$role}}
                  </span>


                
              </td>


              <td colspan="2">
                @if (Auth::user()->can('a_user.edit'))
                <a class="" href="{{ route('users.edit', $userval->id) }}">
                  <i data-feather="edit-2" class="me-50"></i>
                  Edit
                </a>

                @endif
                
                &nbsp;&nbsp;&nbsp;
                @if (Auth::user()->can('a_user.delete'))
                <a class="delete" href="javascript:void(0);" id="{{$userval->id}}">
                  <i data-feather="trash" class="me-50"></i>
                  Delete
                </a>
                @endif

              </td>
            </tr>
            @endforeach


            @elseif($role=='Admin')


            <thead>


              <tr style="text-align: center; font-weight:600">
                <td colspan="6" style="background: gainsboro;font-size: 15px;">{{$role}} Users</td>
              </tr>
              <tr>
                <th>Name</th>
                <th>Email</th>
                <th>Location</th>
                <th>Role</th>

                <th colspan="2">Actions</th>
              </tr>
            </thead>



            @foreach ($user as $userval)
            <tr>

              <td>{{ $userval->name }}</td>
              <td>{{ $userval->email }}</td>
              <td><strong>{{ isset($userval->location->l_name) ? $userval->location->l_name : '--'}}</strong></td>
              <td>
                                  <span class="badge rounded-pill badge-light-warning me-1">
                    {{$role}}
                  </span>


                
              </td>


              <td colspan="2">
              @if (Auth::user()->can('a_user.edit'))
                <a class="" href="{{ route('users.edit', $userval->id) }}">
                  <i data-feather="edit-2" class="me-50"></i>
                  Edit
                </a>

                @endif
                
                &nbsp;&nbsp;&nbsp;
                @if (Auth::user()->can('a_user.delete'))
                <a class="delete" href="javascript:void(0);" id="{{$userval->id}}">
                  <i data-feather="trash" class="me-50"></i>
                  Delete
                </a>
                @endif

              </td>
            </tr>
            @endforeach



            @elseif($role=='Outlet')


            <thead>


              <tr style="text-align: center; font-weight:600">
                <td colspan="6" style="background: gainsboro;font-size: 15px;">{{$role}} Users</td>
              </tr>
              <tr>
                <th>Name</th>
                <th>Email</th>
                <th>Asset Name</th>
                <th>Outlet Name</th>
                <th>Role</th>

                <th>Actions</th>
              </tr>
            </thead>



            @foreach ($user as $userval)
            <tr>

              <td>{{ $userval->name }}</td>
              <td>{{ $userval->email }}</td>
              <td><strong>{{ $userval->pcuser->a_name}}</strong></td>
              <td><strong>{{ $userval->outlet->StoreName}}</strong></td>
              <td>
                                  <span class="badge rounded-pill badge-light-warning me-1">
                    {{$role}}
                  </span>


                
              </td>


              <td colspan="2">
              @if (Auth::user()->can('a_user.edit'))
                <a class="" href="{{ route('users.edit', $userval->id) }}">
                  <i data-feather="edit-2" class="me-50"></i>
                  Edit
                </a>

                @endif
                
                &nbsp;&nbsp;&nbsp;
                @if (Auth::user()->can('a_user.delete'))
                <a class="delete" href="javascript:void(0);" id="{{$userval->id}}">
                  <i data-feather="trash" class="me-50"></i>
                  Delete
                </a>
                @endif

              </td>
            </tr>
            @endforeach



            @else


            <thead>


              <tr style="text-align: center; font-weight:600">
                <td colspan="6" style="background: gainsboro;font-size: 15px;">{{$role}} Users</td>
              </tr>
              <tr>
                <th>Name</th>
                <th>Email</th>
                <th>Role</th>

                <th colspan="3">Actions</th>
              </tr>
            </thead>



            @foreach ($user as $userval)
            <tr>

              <td>{{ $userval->name }}</td>
              <td>{{ $userval->email }}</td>
              <td>
                                  <span class="badge rounded-pill badge-light-warning me-1">
                    {{$role}}
                  </span>


                
              </td>


              <td colspan="2">
              @if (Auth::user()->can('a_user.edit'))
                <a class="" href="{{ route('users.edit', $userval->id) }}">
                  <i data-feather="edit-2" class="me-50"></i>
                  Edit
                </a>

                @endif
                
                &nbsp;&nbsp;&nbsp;
                @if (Auth::user()->can('a_user.delete'))
                <a class="delete" href="javascript:void(0);" id="{{$userval->id}}">
                  <i data-feather="trash" class="me-50"></i>
                  Delete
                </a>
                @endif

              </td>
            </tr>
            @endforeach




            @endif


            @endforeach



          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>


<div id="confirmModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <i data-feather="x" class="cursor-pointer" data-bs-dismiss="modal" stroke-width="3"></i>
      </div>
      <div class="modal-body">
        <h4 align="center">Are you sure you want to remove this User?</h4>
      </div>
      <div class="modal-footer">
        <button type="button" name="ok_button" id="ok_button" class="btn btn-primary">Ok</button>
        <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Cancel</button>
      </div>
    </div>
  </div>
</div>




@endsection





@section('page-script')



<script>
  /*================================
        datatable active
        ==================================*/
  if ($('#dataTable').length) {
    $('#dataTable').DataTable({
      responsive: true
    });
  }


  let lid;

  $(document).on('click', '.delete', function() {
    lid = $(this).attr('id');
    $('#confirmModal').modal('show');
    $('.modal-title').text('Delete User');
    $('#ok_button').text('Ok');
  });





  $('#ok_button').on('click', function() {
    let target = "{{ url('/user/delete')}}/" + lid;
    $.ajax({
      url: target,
      beforeSend: function() {
        $('#ok_button').text('User Deleting');
      },
      success: function(data) {
        let html;
        if (data.success) {

          // $('#dataTable').DataTable().ajax.reload();
          // $('#confirmModal').modal('hide');
          location.reload();
        }

      }
    })
  });
</script>



@endsection