@extends('layouts.app')
@section('content')
    
    @if(session()->has('message'))
        <div class="alert alert-success">{{ session()->get('message') }}</div>
    @endif
    @if(session()->has('error'))
        <div class="alert alert-danger">{{ session()->get('error') }}</div>
    @endif

    <div class="srchBox_wraper">
        <form action="{{route('admin-category.index')}}" method="GET">            
            <div class="srchBox_cont">
                <div class="search-box">
                    <input type="text" name="search" value="{{ old('search', $search_val) }}" class="form-control" placeholder="Search category....">
                </div>
                &nbsp;&nbsp; <input class="Srch_btn" type="submit" value="Search">&nbsp;&nbsp;
                <a href="{{ route('admin-category.index') }}" class="btn btn-primary"> Reset </a>
            </div>
        </form>              
    </div>
    <div class="table-responsive custom-table-s1">
        <table class="participant_table" width="100%">
            <thead>
                <tr>
                    <th>Sl No</th>
                    <th>Name</th>
                    <th>Videos</th>
                    <th>Votes</th>
                    <th>Status</th>                        
                    <th class="skip_csv" style="text-align: center;">Action</th>
                </tr>
            </thead>
            <tbody>
                @if($categories->count() > 0)
                    @foreach($categories as $category)
                        <tr>
                            <td>{{ $loop->index + 1 }}</td>
                            <td>{{ $category->name }}</td>
                            <td>{{ $category->videos()->count() }}</td>
                            <td><a href="{{ route('admin-vote.index', ['category_id' => $category->id]) }}" title="View">{{ $category->votes()->count() }}</a></td>
                            <td>{{ ($category->status == 1) ? 'Active' : 'Inactive' }}</td>                            
                            <td style="text-align: center;"> 
                                <a href="{{ route('admin-category.show', $category->id) }}" class="fa fa-eye" aria-hidden="true" title="View">View</a>&nbsp;&nbsp;
                                <a href="{{ route('admin-category.edit', $category->id) }}" class="fa fa-edit" aria-hidden="true" title="Edit">Edit</a>&nbsp;&nbsp;
                                <a href="{{ route('admin-video.index', ['category_id' => $category->id]) }}" class="fa fa-edit" aria-hidden="true" title="Add Video">Videos</a>
                                @if($category->videos()->count() < 5)
                                    <a href="{{ route('admin-video.create', ['category_id' => $category->id]) }}" class="fa fa-edit" aria-hidden="true" title="Add Video">Add Video</a>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="5">No record found...</td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>
    <div class="custom-table-s1-pagination">
        <div class="left-info">
            <div class="text-sm">
                Showing
                <span class="text-bold">{{ $categories->firstItem() }}</span>
                to
                <span class="text-bold">{{ $categories->lastItem() }}</span>
                of
                <span class="text-bold">{{ $categories->total() }}</span>
                results
            </div>
        </div>
        {{ $categories->links('pagination::bootstrap-4') }}
    </div>    
@endsection

@section('customScripts')
<script src="{{ asset('assets/js/table2csv.js') }}"></script>
<script>
    $(document).ready(function(){
        $("#download_csv").on('click', function() {
            $(".participant_table").table2csv({
                excludeColumns: '.skip_csv'
            });
        });
    });
</script>
@endsection