@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-video.index')}}" method="GET">
        <div class="srchBox_cont">
            <div class="search-box">
                <select name="category_id" id="category_id" class="form-control">
                    <option value="" selected>Select Category</option>
                    @if($categories)
                        @foreach($categories as $key => $category)
                        <option value="{{ $category->id }}" @if($category->id == $category_id) {{ 'selected' }} @endif > {{ $category->name }} </option>
                        @endforeach
                    @endif
                </select>
            </div>

            &nbsp;&nbsp; <input class="Srch_btn" type="submit" value="Search">&nbsp;&nbsp;
            <a href="{{ route('admin-video.index') }}"><button type="button" class="btn btn-primary"> Reset</button></a>
        </div>
    </form>

    <div class="right-panel-btn">
        <a href="{{route('admin-video.create', $category_id ? ['category_id' => $category_id] : '')}}"><button type="button" class="btn btn-success">Add Video</button></a>
    </div>
</div>
<div class="table-responsive custom-table-s1">
    <table class="participant_table" width="100%">
        <thead>
            <tr>
                <th>Sl No</th>                
                <th>Category</th>
                <th>Created Date</th>
                <th>Status</th>
                <th>Votes</th>
                <th class="skip_csv">Action</th>
            </tr>
        </thead>

        <tbody>
            @forelse($videos as $key => $video)
            <tr>
                <td>{{ $loop->index + 1 }}</td>                
                <td>{{ $video->category->name }}</td>
                <td>{{ $video->created_at->format('d-m-Y') }}</td>
                <td>{{ ($video->status == 1) ? 'Active' : 'Inactive' }}</td> 
                <td><a href="{{ route('admin-vote.index', ['video_id' => $video->id]) }}" title="View">{{ $video->votes()->count() }}</a></td>    
                <td class="skip_csv">
                    <a href="{{ Storage::disk('s3')->url('videos/' . $video->path) }}" target="_blank" rel="noopener noreferrer">View Video</a>
                     <a href="{{ route('admin-video.edit', $video->id) }}" class="fa fa-edit" aria-hidden="true" title="Edit">Edit</a>&nbsp;&nbsp;
                </td>
            </tr>
            @empty
                <tr>
                    <td colspan="5">No record found...</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>

<div class="custom-table-s1-pagination">
    <div class="left-info">
        <div class="text-sm">
            Showing
            <span class="text-bold">{{ $videos->firstItem() }}</span>
            to
            <span class="text-bold">{{ $videos->lastItem() }}</span>
            of
            <span class="text-bold">{{ $videos->total() }}</span>
            results
        </div>
    </div>
    {{ $videos->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