@extends('layouts/contentNavbarLayout')

@section('title', 'Sectors')

@section('content')

    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5>Config Page Home  </h5>
        </div>
        <div class="card-body">
            <table class="table">
                <thead>
                <tr>
                    <th>Title</th>
                    <th>Status</th>
                    <th class="text-center">Actions</th>
                </tr>
                </thead>
                <tbody>
                @forelse ($configPageHomes as $content )
                    <tr>

                        <td>{{ $content->title }}</td>
                        <td>  @if( $content->status == 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 class="text-center">
                            <a href="{{ route('configHomeBlocks.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