@extends('admin.zsi.layouts.admin')

@section('content')
    <div class="breadcrumbs">
        <div class="col-sm-4">
            <div class="page-header float-start">
                <div class="page-title">
                    <h1>Dashboard</h1>
                </div>
            </div>
        </div>

        <div class="col-sm-8">
            <div class="page-header float-end">
                <div class="page-title">
                    <ol class="breadcrumb text-end">
                        <li class="breadcrumb-item">
                            <a href="{{ route('zsi.dashboard') }}">Dashboard</a>
                        </li>
                        <li class="breadcrumb-item active">Checklist</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <div class="content mt-3">

        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

        @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show">
                {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

        <div class="animated fadeIn">
            <div class="row">
                <div class="col-md-12">

                    <div class="card shadow-sm">

                        <div class="card-header d-flex justify-content-between align-items-center">
                            <strong class="card-title">
                                <i class="fa fa-file-pdf-o"></i> Checklist
                            </strong>

                            <a href="{{ route('admin.checklist.create') }}" class="btn btn-primary">
                                <i class="fa fa-plus"></i> Checklist Title
                            </a>
                        </div>

                        <div class="card-body">

                            @if ($arChecklist->count())
                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered align-middle">
                                        <thead class="table-light">
                                            <tr>
                                                <th width="60">S.N.</th>
                                                <th>Title</th>
                                                <th>Title (Hindi)</th>
                                                <th width="160">Last Updated On</th>
                                                <th width="150">Action</th>
                                            </tr>
                                        </thead>

                                        <tbody>

                                            @foreach ($arChecklist as $checklist)
                                                <tr>

                                                    <td>
                                                        {{ ($arChecklist->currentPage() - 1) * $arChecklist->perPage() + $loop->iteration }}
                                                    </td>

                                                    <td>{{ $checklist->szTitle }}</td>

                                                    <td>{{ $checklist->szHindiTitle }}</td>

                                                    <td>
                                                        {{ \Carbon\Carbon::parse(
                                                            $checklist->dtUpdatedOn != '0000-00-00 00:00:00' ? $checklist->dtUpdatedOn : $checklist->dtAddedOn,
                                                        )->format('d/m/Y') }}
                                                    </td>

                                                    <td>

                                                        <a href="{{ route('admin.checklist.edit', $checklist->id) }}"
                                                            class="text-primary text-decoration-none">
                                                            <i class="fa fa-edit"></i> Edit
                                                        </a>

                                                        |

                                                        <a href="{{ route('admin.checklist.delete', $checklist->id) }}"
                                                            class="text-danger text-decoration-none"
                                                            onclick="return confirm('Are you sure you want to delete this record?')">
                                                            <i class="fa fa-trash"></i> Delete
                                                        </a>

                                                    </td>

                                                </tr>
                                            @endforeach

                                        </tbody>
                                    </table>
                                </div>

                                <div class="d-flex justify-content-between align-items-center mt-3">

                                    <div>
                                        Showing
                                        <strong>{{ $arChecklist->firstItem() }}</strong>
                                        to
                                        <strong>{{ $arChecklist->lastItem() }}</strong>
                                        of
                                        <strong>{{ $arChecklist->total() }}</strong>
                                        entries
                                    </div>

                                    <div>
                                        {{ $arChecklist->links() }}
                                    </div>

                                </div>
                            @else
                                <div class="alert alert-danger mb-0">
                                    No record found.
                                </div>
                            @endif

                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection