@extends('backoffice.layouts.master')

@section('content')
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
  <!--begin::Toolbar-->
  <div class="toolbar" id="kt_toolbar">
    <!--begin::Container-->
    <div id="kt_toolbar_container" class="container-fluid d-flex flex-stack">
      <!--begin::Page title-->
      <div data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}" class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
        <!--begin::Title-->
        <h1 class="d-flex text-dark fw-bolder fs-3 align-items-center my-1">Habilitation</h1>
        <!--end::Title-->
        <!--begin::Separator-->
        <span class="h-20px border-gray-300 border-start mx-4"></span>
        <!--end::Separator-->
        <!--begin::Breadcrumb-->
        <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1">
          <!--begin::Item-->
          <li class="breadcrumb-item text-muted">{{ $titre }}</li>
          <!--end::Item-->
        </ul>
        <!--end::Breadcrumb-->
      </div>
      <!--end::Page title-->
      <div class="d-flex align-items-center gap-2 gap-lg-3">
        <!--begin::Primary button-->
        @if(in_array(2, Session::get('rights')[2]))
          <a href="#" data-h="0|usersmod|modal-lg" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-dark" data-bs-placement="top" title="Ajout utilisateur" submitbtn="Enregistrer" class="modalform btn btn-sm btn-primary">Ajouter</a>
        @endif
        <!--end::Primary button-->
      </div>
    </div>
    <!--end::Container-->
  </div>
  <!--end::Toolbar-->
  <!--begin::Post-->
  <div class="post d-flex flex-column-fluid" id="kt_post">
    <!--begin::Container-->
    <div id="kt_content_container" class="container-xxl">
      <!--begin::Card-->
      <div class="card">
        <!--begin::Card body-->
        <div class="card-body py-4">
          <!--begin::Table-->
          <table id="kt_datatable" class="table table-striped table-row-bordered gy-5 gs-7 border rounded">
            <thead>
              <tr class="fw-bolder fs-6 text-gray-800 px-7">
                <th>#</th>
                <th>Nom</th>
                <th>Prénoms</th>
                <th class="text-center">Genre</th>
                <th class="text-center">Contact</th>
                <th>E-mail</th>
                <th class="text-center">Statut</th>
                <th class="text-center">Action</th>
              </tr>
            </thead>
            <tbody>
              @php
                $i = 1;
                foreach($query as $data):
                  if($data->status == 1){
                    $icone = 'check';
                    $status = 'Activé';
                    $title = 'Désactivation';
                    $color = 'badge-light-success';
                  }else{
                    $icone = 'ban';
                    $status = 'Désactivé';
                    $title = 'Activation';
                    $color = 'badge-light-danger';
                  }
              @endphp
              <tr>
                <td>{{ $i++ }}</td>
                <td>{{ $data->lastname }}</td>
                <td>{{ $data->firstname }}</td>
                <td class="text-center">{{ $data->gender }}</td>
                <td class="text-center">{{ $data->number }}</td>
                <td>{{ $data->email }}</td>
                <td class="text-center"><span data-kt-element="status" class="badge {{ $color }}">{{ $status }}</span></td>
                <td class="text-center">
                  @if((in_array(3, Session::get('rights')[2])))
                    <a href="#" class="modalform" data-h="{{ $data->id }}|usersmod|modal-lg" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-dark" data-bs-placement="top" title="Modifier le membre" submitbtn="Modifier"><i class="fas fa-edit fa-size text-primary"></i></a>
                  @endif
                  @if(in_array(4, Session::get('rights')[2]))
                    <a href="#" class="status" data-h="{{ $data->id }}|{{ $data->status }}|User" data-toggle="tooltip" title="{{ $title }} de l'utilisateur"><i class="fas fa-{{ $icone }} fa-size {{ $color }}"></i></a>
                  @endif
                </td>
              </tr>
              @php endforeach; @endphp
            </tbody>
          </table>
          <!--end::Table-->
        </div>
        <!--end::Card body-->
      </div>
      <!--end::Card-->
    </div>
    <!--end::Container-->
  </div>
  <!--end::Post-->
</div>
@endsection