@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">Présentation</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>
    <!--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>
              <!--begin::Table row-->
              <tr class="fw-bolder fs-6 text-gray-800 px-7">
                <th>#</th>
                <th class="text-center">Image</th>
                <th class="text-center">Titre</th>
                <th class="text-center">Date ajout</th>
                <th class="text-center">Statut</th>
                <th class="text-center">Actions</th>
              </tr>
              <!--end::Table row-->
            </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 class="text-center">
                  <img alt="{{ $data->titre_fr }}" src="/assets/uploads/{{ $data->image }}" width="100">
                </td>
                <td class="text-center">{{ $data->titre_fr }}</td>
                <td class="text-center">{{ $data->created_at }}</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')[5])))
                    <a href="#" class="modalform" data-h="{{ $data->id }}|presentform|modal-lg" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-dark" data-bs-placement="top" title="Modifier le texte" submitbtn="Modifier"><i class="fas fa-edit fa-size text-primary"></i></a>
                  @endif
                  @if((in_array(4, Session::get('rights')[5])))
                    <a href="#" class="status" data-h="{{ $data->id }}|{{ $data->status }}|Present" data-toggle="tooltip" title="{{ $title }} du texte"><i class="fas fa-{{ $icone }} fa-size {{ $color }}"></i></a>
                  @endif
                </td>
                <!--end::Action=-->
              </tr>
              @php endforeach @endphp
              <!--end::Table row-->
            </tbody>
          </table>
          <!--end::Table-->
        </div>
        <!--end::Card body-->
      </div>
      <!--end::Card-->
    </div>
    <!--end::Container-->
  </div>
  <!--end::Post-->
</div>
@endsection