@extends('include.app')
@section('content')
<div id="page-container" class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed main-content-narrow">
<main id="main-container">
    @include('include.sidebar')
    @include('include.headnavbar')
    <div class="bg-body-light">
        <div class="content content-full">
            <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                <h1 class="flex-sm-fill h3 my-2 text-primary">Counts</h1>
                <nav class="flex-sm-00-auto ml-sm-3" aria-label="breadcrumb">
                    <ol class="breadcrumb breadcrumb-alt">
                        <li class="breadcrumb-item text-dark">
                            <a class="link-fx text-dark" href="{{ url('ab/count') }}">Counts</a>
                        </li>
                        <li class="breadcrumb-item" aria-current="page">
                            <a class="link-fx" href="">List</a>
                        </li>
                    </ol>
                </nav>
            </div>
        </div>
        </div>
        <div class="content">
            @if(count($counts) < 4)
                <div class="d-flex justify-content-end">
                    <a href="{{ url('ab/count/create') }}" class="btn bg-primary text-white rounded mb-2 px-5"><i class="fa fa-plus"></i><span class="ml-2">New</span></a>
                </div>
            @endif
            <div class="block block-rounded">
                <div class="block-header">
                </div>
                <div class="block-content block-content-full">
                    <table class="table table-bordered table-striped table-vcenter js-dataTable-full">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Heading</th>
                                <th>Count</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($counts as $count)
                                <tr>
                                    <td class="text-center font-size-sm">{{$loop->iteration}}</td>
                                    <td class="font-w600 font-size-sm text-left">
                                        {{ $count->heading}}
                                    </td>
                                    <td class="text-left">{{ $count->count }}</td>
                                    <td class="text-left">
                                        <div class="btn-group">
                                            <a href="{{ url('ab/count/'.$count->id.'/edit') }}" class="btn btn-sm btn-light" data-toggle="tooltip" title="Edit">
                                                <i class="fa fa-lg fa-pencil-alt text-primary"></i>
                                            </a>
                                            {{-- <a href="{{ route('count.delete',[$count->id])}}" onclick="confirmation(event)" class="btn btn-sm btn-light" data-toggle="tooltip" title="Remove">
                                                <i class="fa fa-lg fa-trash text-danger"></i>
                                            </a> --}}
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </main>
</div>
 @endsection

@section('script')
<script>
    @if(session('status'))
        Swal.fire({
            position: 'center',
            icon: '{{ session('type')}}',
            title: '{{ session('status')}}',
            showConfirmButton: false,
            timer: 1500
            });
            spinner.hide();
    @endif

</script>
@endsection