@extends('portal.main.layout')

@section('title','Checklists')

@section('breadcrumb')

    <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
        <li class="breadcrumb-item text-sm text-white">
            <a class="text-white" href="{{ route('dashboard.index') }}">
                <i class="fas fa-home"></i>
            </a>
        </li>
        <li class="breadcrumb-item text-sm text-white active" aria-current="page">@yield('title')</li>
    </ol>

@endsection

@section('styles')

    <link rel="stylesheet" type="text/css" href="{{ asset('assets/js/datatable/datatables.min.css') }}">

@endsection

@section('content')

    <div class="row mt-4" id="checklist-page"
         data-loadingurl="{{ route('checklist.list') }}"
         data-deleteurl="{{ route('checklist.delete') }}"
         data-duplicateurl="{{ route('checklist.duplicate') }}"
         data-checklistactionsurl="{{ route('checklist.action') }}"
         data-openauditsurl="{{ route('audit.index') }}"
         data-openauditsitesurl="{{ route('audit-site.index') }}"
         data-startscheduleeurl="{{ route('checklist.duplicate') }}"
         data-downloadchecklistsurl="{{ route('checklist.download') }}"
         data-token="{{ csrf_token() }}">
        <div class="col-12">
            <div class="card">

                <div class="card-header">
                    <div class="row">

                        <div class="col-2">
                            <a href="{{ route('checklist.action') }}" class="btn btn-icon btn-3 btn-primary" type="button">
                                <span class="btn-inner--icon"><i class="ni ni-fat-add"></i></span>
                                <span class="btn-inner--text">Create</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="table-responsive" style="min-height: 40vh;margin-top: -20px">

                    <table class="table table-flush" id="dt-checklist">
                        <thead class="thead-light">
                        <tr>
                            <th style="color:#000;width: 5px" class="text-sm">No</th>
                            <th style="color:#000;" class="text-sm">Checklist Name</th>
                            <th style="color:#000;" class="text-sm">Last Published</th>
                            <th style="color:#000;" class="text-sm">Scheduled</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>

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

@endsection

@section('scripts')

    <script src="{{ asset('assets/js/datatable/datatables.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/datatable/datatable-basic.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/plugins/sweetalert2.all.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/plugins/sweet-alerts.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/core/checklist.js') }}"></script>

@endsection