@extends('layouts/contentNavbarLayout')

@section('title', 'Contents')

@section('content')

<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item active">Contents</li>
    </ol>
</nav>
<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
      <h5>Contents List </h5>
      <a href="{{ route('content.create') }}" class="btn btn-info">Create Content</a>
  </div>
  <div class="card-body">
    <table class="table">
        <thead>
            <tr>
                <th>Title</th>
                <th>Enabled</th>
                <th>Content Type</th>
                <th class="text-center">Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($contents as $content )
            <tr>

            <td>{{ $content->title }}</td>
            <td>  @if( $content->enabled == 1 )
                <div class="text-center mb-2 bg-success text-white">Active</div>
                  @else
                  <div class="text-center mb-2 bg-danger  text-white">Inactive</div>
                  @endif
            </td>

               <td>{{ $content->type_content }}</td>
               <td class="text-center">
                    <a href="{{ route('content.edit', $content->id) }}" class="btn btn-icon btn-info btn-sm">
                      <i class="mdi mdi-pencil-outline"></i>
                    </a>

                </td>
            </tr>
            @empty
            <tr>
              <td colspan="4">
                <div class="alert alert-info col-md-12" role="alert">
                No secteur found !
                </div>
              </td>
            </tr>
            @endforelse
        </tbody>
    </table>
  </div>
</div>


@endsection