@extends('layouts.index')

@section('page_title')
    All Projects List
@endsection

@section('locations_active')
    nav-item active
@endsection

@section('projects_active')
    nav-item active
@endsection

@section('pg_name')
    Add New Project
@endsection

@section('headaddons')
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
@endsection

@section('content')

@if (count($errors) > 0)
    <div class="col-12" id="div__Error">
        @foreach ($errors->all() as $error)
        <div class="zoomIn col-12 alert alert-danger">
            {{$error}}
        </div>
        @endforeach
    </div>
@endif

@if (session('success'))
    <div class="col-12 alert alert-success">
        {{ session('success') }}
    </div>
@endif

<div class="container">
    <div class="list-group">
        @foreach($projects as $project)
            <a href="{{ route('showProjects', ['id' => $project->id]) }}" class="list-group-item list-group-item-action">
                <h5 class="mb-1">{{ $project->projectName }}</h5>
                <p class="mb-1">{{ Str::limit($project->projectContent, 100) }}</p>
                <small>Created on: {{ $project->created_at->format('Y-m-d') }}</small>
            </a>
        @endforeach
    </div>

    <!-- Pagination Links -->
    <div class="d-flex justify-content-center mt-3">
    {{ $projects->links('pagination::bootstrap-4') }}
    </div>
</div>

@endsection