@extends('layouts.admin')
@section('content')
    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="row">
                <div class="col-12 col-xl-12 mb-4 mb-xl-0 text-right">
                    <a href="{{ route('admin.video.create') }}" class="btn btn-primary">Add new</a>
                </div>
            </div>
        </div>

        <div class="col-lg-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">All Video</h4>
                    <div class="table-responsive">
                        <table class="table table-hover" id="video-table">
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>Title</th>
                                    <th>Episode Title</th>
                                    <th>Season No</th>
                                    <th>Episode No</th>
                                    <th>Trailer</th>
                                    <th>Movie</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($Video as $vi)
                                    <tr id="remove_{{ $vi->id }}">
                                        <td>{{ $loop->iteration }}</td>
                                        <td>{{ $vi->titles->title }}</td>
                                        <td>{{ $vi->season->title ?? 'N/A' }}</td>
                                        <td>{{ $vi->season->seasonNumber ?? 'N/A' }}</td>
                                        <td>{{ $vi->season->episodeNumber ?? 'N/A' }}</td>
                                        <td><a href="{{ $vi->trailer_link }}">{{ str_replace('https://d47a3uo502lqc.cloudfront.net/new/', '', $vi->trailer_link); }}</a></td>
                                        <td><a href="{{ $vi->movie_link }}">{{ str_replace('https://d47a3uo502lqc.cloudfront.net/new/', '', $vi->movie_link); }}</a></td>
                                        <td>
                                            <a href="{{ route('admin.video.edit',[$vi->id]) }}" class="edit-icon" data-toggle="tooltip" data-placement="top" title="Edit"><i class="mdi mdi-lead-pencil"></i></a>
                                            <a href="javascript:void(0)" class="delete-image_categories delete-icon" data-id="{{ $vi->id }}" data-toggle="tooltip" data-placement="top" title="Delete"><i class="mdi mdi-delete"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
<script>
    var image_categoriesTbl = $("#video-table").DataTable();
    $(document).on("click", ".delete-image_categories", function () {
        var confirmation = confirm(
            "Are you sure you want to delete this item?"
        );
        if (confirmation) {
            var id = $(this).data("id");
            $.ajax({
                type: "post",
                url: "{{ route('admin.video.delete',['_id']) }}".replace('_id', id),
                // url: url + "/admin/image_categories/" + id,
                dataType: "json",
                success: function (response) {
                    if (response.status) {
                        toastCall("success", response.message);
                    } else {
                        toastCall("error", response.message);
                    }
                    $('#remove_' + id).remove();
                    // image_categoriesTbl.ajax.reload();
                },
            });
        }
    });
</script>
    {{-- <script src="{{ asset_public_admin('page-js/video.js') }}"></script> --}}
@endsection