@extends('admin.layout.panel')

@section('title')
    تقویم
@endsection

@section('content')
    <!-- Page Header -->
    <div class="page-header">
        <div>
            <h2 class="main-content-title tx-24 mg-b-5">تقویم</h2>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">داشبورد</a></li>
                <li class="breadcrumb-item active" aria-current="page">تقویم</li>
            </ol>
        </div>
    </div>
    <!-- End Page Header -->

    <!-- Row Saturday -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <div>
                            <a aria-controls="multiCollapseSaturday" aria-expanded="false" data-toggle="collapse"
                                href="#multiCollapseSaturday" role="button">

                                <h6 class="main-content-label">
                                    <div class="spinner-grow text-primary" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div> جدول سریال های شنبه
                                </h6>
                            </a>

                        </div>
                        @can(\App\Enum\Permissions::WEB_CREATE_CALENDAR)
                            <div class="justify-content-center">
                                <div class="col-sm-6 col-md-4 col-xl-3">
                                    <a class="btn btn-primary my-2 btn-icon-text d-inline-flex justify-content-center align-items-center"
                                        data-effect="effect-scale" data-toggle="modal" href="#modalCreateSaturday">
                                        افزودن<i class="fe fe-download-cloud mr-2"></i>
                                    </a>
                                </div>
                                <div class="modal" id="modalCreateSaturday">
                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                        <div class="modal-content modal-content-demo">
                                            <div class="modal-header">
                                                <h6 class="modal-title">افزودن سریال به شنبه</h6><button aria-label="بستن"
                                                    class="close" data-dismiss="modal" type="button"><span
                                                        aria-hidden="true">×</span></button>
                                            </div>
                                            <form action="{{ route('admin.addMovieInCalendar') }}" method="POST">
                                                @csrf
                                                <div class="modal-body">
                                                    <h6>فرم افزودن</h6>
                                                    <div class="form-group">
                                                        <select name="movie" class="form-control select2">
                                                            <option value="">سریال را انتخاب کنید</option>
                                                            @foreach ($serial as $item)
                                                                <option value="{{ $item->id }}">{{ $item->fa_title }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <input type="hidden" name="saturday" value="saturday">
                                                </div>
                                                <div class="modal-footer">
                                                    <button class="btn ripple btn-primary" type="submit">ثبت</button>
                                                    <button class="btn ripple btn-secondary" data-dismiss="modal"
                                                        type="button">لغو</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endcan
                    </div>

                    <div class="row row-sm">
                        <div class="col">
                            <div class="collapse multi-collapse" id="multiCollapseSaturday">
                                <div class="table-responsive border">
                                    <table class="table text-nowrap text-md-nowrap table-hover mg-b-0">
                                        <thead>
                                            <tr>
                                                <th class="text-center">شناسه</th>
                                                <th class="text-center">نمایه سریال</th>
                                                <th class="text-center">عنوان سریال</th>
                                                <th class="text-center">ساعت پخش</th>
                                                <th class="text-center">کشور</th>
                                                <th class="text-center">زبان</th>
                                                <th class="text-center">امکانات</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($saturday as $item)
                                                <tr>
                                                    <th class="text-center" scope="row">{{ $item->id }}</th>
                                                    <td class="text-center">
                                                        @if ($item->movie->mobile_image)
                                                            <div class="main-img-user avatar-xl d-none d-sm-block mx-auto">
                                                                <img alt="avatar" class="rounded"
                                                                    src="{{ $item->generateLink($item->movie->mobile_image) }}">
                                                            </div>
                                                        @else
                                                            ندارد
                                                        @endif
                                                    </td>
                                                    <td class="text-center">{{ $item->movie->fa_title }}</td>
                                                    <td class="text-center">{{ $item->movie->release_time }}</td>
                                                    <td class="text-center">{{ $item->movie->country }}</td>
                                                    <td class="text-center">{{ $item->movie->language }}</td>
                                                    <td class="text-center">
                                                        @can(\App\Enum\Permissions::WEB_DELETE_CALENDAR)
                                                            <a class="btn btn-danger d-inline-flex justify-content-center align-items-lg-center"
                                                                data-effect="effect-scale" data-toggle="modal"
                                                                href="#modalDelete{{ $item->id }}">
                                                                <i class="fa fa-close" data-toggle="tooltip" title=""
                                                                    data-original-title="حذف"></i>
                                                            </a>
                                                            <div class="modal text-right" id="modalDelete{{ $item->id }}">
                                                                <div class="modal-dialog modal-dialog-centered" role="document">
                                                                    <div class="modal-content modal-content-demo">
                                                                        <div class="modal-header">
                                                                            <h6 class="modal-title">حذف سریال</h6><button
                                                                                aria-label="بستن" class="close"
                                                                                data-dismiss="modal" type="button"><span
                                                                                    aria-hidden="true">×</span></button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <h6>فرم حذف</h6>
                                                                            <p>آیا از حذف این سریال از تقویم مطمئن هستید؟</p>
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <form
                                                                                action="{{ route('admin.deleteMovieInCalendar', $item->id) }}"
                                                                                method="GET">
                                                                                <button class="btn ripple btn-primary"
                                                                                    type="submit">آری</button>
                                                                            </form>
                                                                            <button class="btn ripple btn-secondary"
                                                                                data-dismiss="modal"
                                                                                type="button">لغو</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endcan
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Row Saturday -->

    <!-- Row Sunday -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <div>
                            <a aria-controls="multiCollapseSunday" aria-expanded="false" data-toggle="collapse"
                                href="#multiCollapseSunday" role="button">

                                <h6 class="main-content-label">
                                    <div class="spinner-grow text-secondary" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div> جدول سریال های یک شنبه
                                </h6>
                            </a>

                        </div>
                        @can(\App\Enum\Permissions::WEB_CREATE_CALENDAR)
                            <div class="justify-content-center">
                                <div class="col-sm-6 col-md-4 col-xl-3">
                                    <a class="btn btn-primary my-2 btn-icon-text d-inline-flex justify-content-center align-items-center"
                                        data-effect="effect-scale" data-toggle="modal" href="#modalCreateSunday">
                                        افزودن<i class="fe fe-download-cloud mr-2"></i>
                                    </a>
                                </div>
                                <div class="modal" id="modalCreateSunday">
                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                        <div class="modal-content modal-content-demo">
                                            <div class="modal-header">
                                                <h6 class="modal-title">افزودن سریال به یک شنبه</h6><button aria-label="بستن"
                                                    class="close" data-dismiss="modal" type="button"><span
                                                        aria-hidden="true">×</span></button>
                                            </div>
                                            <form action="{{ route('admin.addMovieInCalendar') }}" method="POST">
                                                @csrf
                                                <div class="modal-body">
                                                    <h6>فرم افزودن</h6>
                                                    <div class="form-group">
                                                        <select name="movie" class="form-control select2">
                                                            <option value="">سریال را انتخاب کنید</option>
                                                            @foreach ($serial as $item)
                                                                <option value="{{ $item->id }}">{{ $item->fa_title }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <input type="hidden" name="sunday" value="sunday">
                                                </div>
                                                <div class="modal-footer">
                                                    <button class="btn ripple btn-primary" type="submit">ثبت</button>
                                                    <button class="btn ripple btn-secondary" data-dismiss="modal"
                                                        type="button">لغو</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endcan
                    </div>

                    <div class="row row-sm">
                        <div class="col">
                            <div class="collapse multi-collapse" id="multiCollapseSunday">
                                <div class="table-responsive border">
                                    <table class="table text-nowrap text-md-nowrap table-hover mg-b-0">
                                        <thead>
                                            <tr>
                                                <th class="text-center">شناسه</th>
                                                <th class="text-center">نمایه سریال</th>
                                                <th class="text-center">عنوان سریال</th>
                                                <th class="text-center">ساعت پخش</th>
                                                <th class="text-center">کشور</th>
                                                <th class="text-center">زبان</th>
                                                <th class="text-center">امکانات</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($sunday as $item)
                                                <tr>
                                                    <th class="text-center" scope="row">{{ $item->id }}</th>
                                                    <td class="text-center">
                                                        @if ($item->movie->mobile_image)
                                                            <div class="main-img-user avatar-xl d-none d-sm-block mx-auto">
                                                                <img alt="avatar" class="rounded"
                                                                    src="{{ $item->generateLink($item->movie->mobile_image) }}">
                                                            </div>
                                                        @else
                                                            ندارد
                                                        @endif
                                                    </td>
                                                    <td class="text-center">{{ $item->movie->fa_title }}</td>
                                                    <td class="text-center">{{ $item->movie->release_time }}</td>
                                                    <td class="text-center">{{ $item->movie->country }}</td>
                                                    <td class="text-center">{{ $item->movie->language }}</td>
                                                    <td class="text-center">
                                                        @can(\App\Enum\Permissions::WEB_DELETE_CALENDAR)
                                                            <a class="btn btn-danger d-inline-flex justify-content-center align-items-lg-center"
                                                                data-effect="effect-scale" data-toggle="modal"
                                                                href="#modalDelete{{ $item->id }}">
                                                                <i class="fa fa-close" data-toggle="tooltip" title=""
                                                                    data-original-title="حذف"></i>
                                                            </a>
                                                            <div class="modal text-right" id="modalDelete{{ $item->id }}">
                                                                <div class="modal-dialog modal-dialog-centered"
                                                                    role="document">
                                                                    <div class="modal-content modal-content-demo">
                                                                        <div class="modal-header">
                                                                            <h6 class="modal-title">حذف سریال</h6><button
                                                                                aria-label="بستن" class="close"
                                                                                data-dismiss="modal" type="button"><span
                                                                                    aria-hidden="true">×</span></button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <h6>فرم حذف</h6>
                                                                            <p>آیا از حذف این سریال از تقویم مطمئن هستید؟</p>
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <form
                                                                                action="{{ route('admin.deleteMovieInCalendar', $item->id) }}"
                                                                                method="GET">
                                                                                <button class="btn ripple btn-primary"
                                                                                    type="submit">آری</button>
                                                                            </form>
                                                                            <button class="btn ripple btn-secondary"
                                                                                data-dismiss="modal"
                                                                                type="button">لغو</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endcan
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Row Sunday -->

    <!-- Row Monday -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <div>
                            <a aria-controls="multiCollapseMonday" aria-expanded="false" data-toggle="collapse"
                                href="#multiCollapseMonday" role="button">

                                <h6 class="main-content-label">
                                    <div class="spinner-grow text-success" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div> جدول سریال های دو شنبه
                                </h6>
                            </a>

                        </div>
                        @can(\App\Enum\Permissions::WEB_CREATE_CALENDAR)
                            <div class="justify-content-center">
                                <div class="col-sm-6 col-md-4 col-xl-3">
                                    <a class="btn btn-primary my-2 btn-icon-text d-inline-flex justify-content-center align-items-center"
                                        data-effect="effect-scale" data-toggle="modal" href="#modalCreateMonday">
                                        افزودن<i class="fe fe-download-cloud mr-2"></i>
                                    </a>
                                </div>
                                <div class="modal" id="modalCreateMonday">
                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                        <div class="modal-content modal-content-demo">
                                            <div class="modal-header">
                                                <h6 class="modal-title">افزودن سریال به دو شنبه</h6><button aria-label="بستن"
                                                    class="close" data-dismiss="modal" type="button"><span
                                                        aria-hidden="true">×</span></button>
                                            </div>
                                            <form action="{{ route('admin.addMovieInCalendar') }}" method="POST">
                                                @csrf
                                                <div class="modal-body">
                                                    <h6>فرم افزودن</h6>
                                                    <div class="form-group">
                                                        <select name="movie" class="form-control select2">
                                                            <option value="">سریال را انتخاب کنید</option>
                                                            @foreach ($serial as $item)
                                                                <option value="{{ $item->id }}">{{ $item->fa_title }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <input type="hidden" name="monday" value="monday">
                                                </div>
                                                <div class="modal-footer">
                                                    <button class="btn ripple btn-primary" type="submit">ثبت</button>
                                                    <button class="btn ripple btn-secondary" data-dismiss="modal"
                                                        type="button">لغو</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endcan
                    </div>

                    <div class="row row-sm">
                        <div class="col">
                            <div class="collapse multi-collapse" id="multiCollapseMonday">
                                <div class="table-responsive border">
                                    <table class="table text-nowrap text-md-nowrap table-hover mg-b-0">
                                        <thead>
                                            <tr>
                                                <th class="text-center">شناسه</th>
                                                <th class="text-center">نمایه سریال</th>
                                                <th class="text-center">عنوان سریال</th>
                                                <th class="text-center">ساعت پخش</th>
                                                <th class="text-center">کشور</th>
                                                <th class="text-center">زبان</th>
                                                <th class="text-center">امکانات</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($monday as $item)
                                                <tr>
                                                    <th class="text-center" scope="row">{{ $item->id }}</th>
                                                    <td class="text-center">
                                                        @if ($item->movie->mobile_image)
                                                            <div class="main-img-user avatar-xl d-none d-sm-block mx-auto">
                                                                <img alt="avatar" class="rounded"
                                                                    src="{{ $item->generateLink($item->movie->mobile_image) }}">
                                                            </div>
                                                        @else
                                                            ندارد
                                                        @endif
                                                    </td>
                                                    <td class="text-center">{{ $item->movie->fa_title }}</td>
                                                    <td class="text-center">{{ $item->movie->release_time }}</td>
                                                    <td class="text-center">{{ $item->movie->country }}</td>
                                                    <td class="text-center">{{ $item->movie->language }}</td>
                                                    <td class="text-center">
                                                        @can(\App\Enum\Permissions::WEB_DELETE_CALENDAR)
                                                            <a class="btn btn-danger d-inline-flex justify-content-center align-items-lg-center"
                                                                data-effect="effect-scale" data-toggle="modal"
                                                                href="#modalDelete{{ $item->id }}">
                                                                <i class="fa fa-close" data-toggle="tooltip" title=""
                                                                    data-original-title="حذف"></i>
                                                            </a>
                                                            <div class="modal text-right" id="modalDelete{{ $item->id }}">
                                                                <div class="modal-dialog modal-dialog-centered"
                                                                    role="document">
                                                                    <div class="modal-content modal-content-demo">
                                                                        <div class="modal-header">
                                                                            <h6 class="modal-title">حذف سریال</h6><button
                                                                                aria-label="بستن" class="close"
                                                                                data-dismiss="modal" type="button"><span
                                                                                    aria-hidden="true">×</span></button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <h6>فرم حذف</h6>
                                                                            <p>آیا از حذف این سریال از تقویم مطمئن هستید؟</p>
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <form
                                                                                action="{{ route('admin.deleteMovieInCalendar', $item->id) }}"
                                                                                method="GET">
                                                                                <button class="btn ripple btn-primary"
                                                                                    type="submit">آری</button>
                                                                            </form>
                                                                            <button class="btn ripple btn-secondary"
                                                                                data-dismiss="modal"
                                                                                type="button">لغو</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endcan
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Row Monday -->

    <!-- Row Tuesday -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <div>
                            <a aria-controls="multiCollapseTureday" aria-expanded="false" data-toggle="collapse"
                                href="#multiCollapseTureday" role="button">

                                <h6 class="main-content-label">
                                    <div class="spinner-grow text-danger" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div> جدول سریال های سه شنبه
                                </h6>
                            </a>

                        </div>
                        @can(\App\Enum\Permissions::WEB_CREATE_CALENDAR)
                            <div class="justify-content-center">
                                <div class="col-sm-6 col-md-4 col-xl-3">
                                    <a class="btn btn-primary my-2 btn-icon-text d-inline-flex justify-content-center align-items-center"
                                        data-effect="effect-scale" data-toggle="modal" href="#modalCreateTuesday">
                                        افزودن<i class="fe fe-download-cloud mr-2"></i>
                                    </a>
                                </div>
                                <div class="modal" id="modalCreateTuesday">
                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                        <div class="modal-content modal-content-demo">
                                            <div class="modal-header">
                                                <h6 class="modal-title">افزودن سریال به سه شنبه</h6><button aria-label="بستن"
                                                    class="close" data-dismiss="modal" type="button"><span
                                                        aria-hidden="true">×</span></button>
                                            </div>
                                            <form action="{{ route('admin.addMovieInCalendar') }}" method="POST">
                                                @csrf
                                                <div class="modal-body">
                                                    <h6>فرم افزودن</h6>
                                                    <div class="form-group">
                                                        <select name="movie" class="form-control select2">
                                                            <option value="">سریال را انتخاب کنید</option>
                                                            @foreach ($serial as $item)
                                                                <option value="{{ $item->id }}">{{ $item->fa_title }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <input type="hidden" name="tuesday" value="tuesday">
                                                </div>
                                                <div class="modal-footer">
                                                    <button class="btn ripple btn-primary" type="submit">ثبت</button>
                                                    <button class="btn ripple btn-secondary" data-dismiss="modal"
                                                        type="button">لغو</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endcan
                    </div>

                    <div class="row row-sm">
                        <div class="col">
                            <div class="collapse multi-collapse" id="multiCollapseTureday">
                                <div class="table-responsive border">
                                    <table class="table text-nowrap text-md-nowrap table-hover mg-b-0">
                                        <thead>
                                            <tr>
                                                <th class="text-center">شناسه</th>
                                                <th class="text-center">نمایه سریال</th>
                                                <th class="text-center">عنوان سریال</th>
                                                <th class="text-center">ساعت پخش</th>
                                                <th class="text-center">کشور</th>
                                                <th class="text-center">زبان</th>
                                                <th class="text-center">امکانات</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($tuesday as $item)
                                                <tr>
                                                    <th class="text-center" scope="row">{{ $item->id }}</th>
                                                    <td class="text-center">
                                                        @if ($item->movie->mobile_image)
                                                            <div class="main-img-user avatar-xl d-none d-sm-block mx-auto">
                                                                <img alt="avatar" class="rounded"
                                                                    src="{{ $item->generateLink($item->movie->mobile_image) }}">
                                                            </div>
                                                        @else
                                                            ندارد
                                                        @endif
                                                    </td>
                                                    <td class="text-center">{{ $item->movie->fa_title }}</td>
                                                    <td class="text-center">{{ $item->movie->release_time }}</td>
                                                    <td class="text-center">{{ $item->movie->country }}</td>
                                                    <td class="text-center">{{ $item->movie->language }}</td>
                                                    <td class="text-center">
                                                        @can(\App\Enum\Permissions::WEB_DELETE_CALENDAR)
                                                            <a class="btn btn-danger d-inline-flex justify-content-center align-items-lg-center"
                                                                data-effect="effect-scale" data-toggle="modal"
                                                                href="#modalDelete{{ $item->id }}">
                                                                <i class="fa fa-close" data-toggle="tooltip" title=""
                                                                    data-original-title="حذف"></i>
                                                            </a>
                                                            <div class="modal text-right" id="modalDelete{{ $item->id }}">
                                                                <div class="modal-dialog modal-dialog-centered"
                                                                    role="document">
                                                                    <div class="modal-content modal-content-demo">
                                                                        <div class="modal-header">
                                                                            <h6 class="modal-title">حذف سریال</h6><button
                                                                                aria-label="بستن" class="close"
                                                                                data-dismiss="modal" type="button"><span
                                                                                    aria-hidden="true">×</span></button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <h6>فرم حذف</h6>
                                                                            <p>آیا از حذف این سریال از تقویم مطمئن هستید؟</p>
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <form
                                                                                action="{{ route('admin.deleteMovieInCalendar', $item->id) }}"
                                                                                method="GET">
                                                                                <button class="btn ripple btn-primary"
                                                                                    type="submit">آری</button>
                                                                            </form>
                                                                            <button class="btn ripple btn-secondary"
                                                                                data-dismiss="modal"
                                                                                type="button">لغو</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endcan
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Row Tuesday -->

    <!-- Row Wednesday -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <div>
                            <a aria-controls="multiCollapseWednesday" aria-expanded="false" data-toggle="collapse"
                                href="#multiCollapseWednesday" role="button">

                                <h6 class="main-content-label">
                                    <div class="spinner-grow text-warning" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div> جدول سریال های چهار شنبه
                                </h6>
                            </a>

                        </div>
                        @can(\App\Enum\Permissions::WEB_CREATE_CALENDAR)
                            <div class="justify-content-center">
                                <div class="col-sm-6 col-md-4 col-xl-3">
                                    <a class="btn btn-primary my-2 btn-icon-text d-inline-flex justify-content-center align-items-center"
                                        data-effect="effect-scale" data-toggle="modal" href="#modalCreateWednesday">
                                        افزودن<i class="fe fe-download-cloud mr-2"></i>
                                    </a>
                                </div>
                                <div class="modal" id="modalCreateWednesday">
                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                        <div class="modal-content modal-content-demo">
                                            <div class="modal-header">
                                                <h6 class="modal-title">افزودن سریال به چهار شنبه</h6><button
                                                    aria-label="بستن" class="close" data-dismiss="modal"
                                                    type="button"><span aria-hidden="true">×</span></button>
                                            </div>
                                            <form action="{{ route('admin.addMovieInCalendar') }}" method="POST">
                                                @csrf
                                                <div class="modal-body">
                                                    <h6>فرم افزودن</h6>
                                                    <div class="form-group">
                                                        <select name="movie" class="form-control select2">
                                                            <option value="">سریال را انتخاب کنید</option>
                                                            @foreach ($serial as $item)
                                                                <option value="{{ $item->id }}">{{ $item->fa_title }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <input type="hidden" name="wednesday" value="wednesday">
                                                </div>
                                                <div class="modal-footer">
                                                    <button class="btn ripple btn-primary" type="submit">ثبت</button>
                                                    <button class="btn ripple btn-secondary" data-dismiss="modal"
                                                        type="button">لغو</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endcan
                    </div>

                    <div class="row row-sm">
                        <div class="col">
                            <div class="collapse multi-collapse" id="multiCollapseWednesday">
                                <div class="table-responsive border">
                                    <table class="table text-nowrap text-md-nowrap table-hover mg-b-0">
                                        <thead>
                                            <tr>
                                                <th class="text-center">شناسه</th>
                                                <th class="text-center">نمایه سریال</th>
                                                <th class="text-center">عنوان سریال</th>
                                                <th class="text-center">ساعت پخش</th>
                                                <th class="text-center">کشور</th>
                                                <th class="text-center">زبان</th>
                                                <th class="text-center">امکانات</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($wednesday as $item)
                                                <tr>
                                                    <th class="text-center" scope="row">{{ $item->id }}</th>
                                                    <td class="text-center">
                                                        @if ($item->movie->mobile_image)
                                                            <div class="main-img-user avatar-xl d-none d-sm-block mx-auto">
                                                                <img alt="avatar" class="rounded"
                                                                    src="{{ $item->generateLink($item->movie->mobile_image) }}">
                                                            </div>
                                                        @else
                                                            ندارد
                                                        @endif
                                                    </td>
                                                    <td class="text-center">{{ $item->movie->fa_title }}</td>
                                                    <td class="text-center">{{ $item->movie->release_time }}</td>
                                                    <td class="text-center">{{ $item->movie->country }}</td>
                                                    <td class="text-center">{{ $item->movie->language }}</td>
                                                    <td class="text-center">
                                                        @can(\App\Enum\Permissions::WEB_DELETE_CALENDAR)
                                                            <a class="btn btn-danger d-inline-flex justify-content-center align-items-lg-center"
                                                                data-effect="effect-scale" data-toggle="modal"
                                                                href="#modalDelete{{ $item->id }}">
                                                                <i class="fa fa-close" data-toggle="tooltip" title=""
                                                                    data-original-title="حذف"></i>
                                                            </a>
                                                            <div class="modal text-right" id="modalDelete{{ $item->id }}">
                                                                <div class="modal-dialog modal-dialog-centered"
                                                                    role="document">
                                                                    <div class="modal-content modal-content-demo">
                                                                        <div class="modal-header">
                                                                            <h6 class="modal-title">حذف سریال</h6><button
                                                                                aria-label="بستن" class="close"
                                                                                data-dismiss="modal" type="button"><span
                                                                                    aria-hidden="true">×</span></button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <h6>فرم حذف</h6>
                                                                            <p>آیا از حذف این سریال از تقویم مطمئن هستید؟</p>
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <form
                                                                                action="{{ route('admin.deleteMovieInCalendar', $item->id) }}"
                                                                                method="GET">
                                                                                <button class="btn ripple btn-primary"
                                                                                    type="submit">آری</button>
                                                                            </form>
                                                                            <button class="btn ripple btn-secondary"
                                                                                data-dismiss="modal"
                                                                                type="button">لغو</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endcan
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Row Wednesday -->

    <!-- Row Thursday -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <div>
                            <a aria-controls="multiCollapseThursday" aria-expanded="false" data-toggle="collapse"
                                href="#multiCollapseThursday" role="button">

                                <h6 class="main-content-label">
                                    <div class="spinner-grow text-info" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div> جدول سریال های پنج شنبه
                                </h6>
                            </a>

                        </div>
                        @can(\App\Enum\Permissions::WEB_CREATE_CALENDAR)
                            <div class="justify-content-center">
                                <div class="col-sm-6 col-md-4 col-xl-3">
                                    <a class="btn btn-primary my-2 btn-icon-text d-inline-flex justify-content-center align-items-center"
                                        data-effect="effect-scale" data-toggle="modal" href="#modalCreateThursday">
                                        افزودن<i class="fe fe-download-cloud mr-2"></i>
                                    </a>
                                </div>
                                <div class="modal" id="modalCreateThursday">
                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                        <div class="modal-content modal-content-demo">
                                            <div class="modal-header">
                                                <h6 class="modal-title">افزودن سریال به پنج شنبه</h6><button aria-label="بستن"
                                                    class="close" data-dismiss="modal" type="button"><span
                                                        aria-hidden="true">×</span></button>
                                            </div>
                                            <form action="{{ route('admin.addMovieInCalendar') }}" method="POST">
                                                @csrf
                                                <div class="modal-body">
                                                    <h6>فرم افزودن</h6>
                                                    <div class="form-group">
                                                        <select name="movie" class="form-control select2">
                                                            <option value="">سریال را انتخاب کنید</option>
                                                            @foreach ($serial as $item)
                                                                <option value="{{ $item->id }}">{{ $item->fa_title }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <input type="hidden" name="thursday" value="thursday">
                                                </div>
                                                <div class="modal-footer">
                                                    <button class="btn ripple btn-primary" type="submit">ثبت</button>
                                                    <button class="btn ripple btn-secondary" data-dismiss="modal"
                                                        type="button">لغو</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endcan
                    </div>

                    <div class="row row-sm">
                        <div class="col">
                            <div class="collapse multi-collapse" id="multiCollapseThursday">
                                <div class="table-responsive border">
                                    <table class="table text-nowrap text-md-nowrap table-hover mg-b-0">
                                        <thead>
                                            <tr>
                                                <th class="text-center">شناسه</th>
                                                <th class="text-center">نمایه سریال</th>
                                                <th class="text-center">عنوان سریال</th>
                                                <th class="text-center">ساعت پخش</th>
                                                <th class="text-center">کشور</th>
                                                <th class="text-center">زبان</th>
                                                <th class="text-center">امکانات</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($thursday as $item)
                                                <tr>
                                                    <th class="text-center" scope="row">{{ $item->id }}</th>
                                                    <td class="text-center">
                                                        @if ($item->movie->mobile_image)
                                                            <div class="main-img-user avatar-xl d-none d-sm-block mx-auto">
                                                                <img alt="avatar" class="rounded"
                                                                    src="{{ $item->generateLink($item->movie->mobile_image) }}">
                                                            </div>
                                                        @else
                                                            ندارد
                                                        @endif
                                                    </td>
                                                    <td class="text-center">{{ $item->movie->fa_title }}</td>
                                                    <td class="text-center">{{ $item->movie->release_time }}</td>
                                                    <td class="text-center">{{ $item->movie->country }}</td>
                                                    <td class="text-center">{{ $item->movie->language }}</td>
                                                    <td class="text-center">
                                                        @can(\App\Enum\Permissions::WEB_DELETE_CALENDAR)
                                                            <a class="btn btn-danger d-inline-flex justify-content-center align-items-lg-center"
                                                                data-effect="effect-scale" data-toggle="modal"
                                                                href="#modalDelete{{ $item->id }}">
                                                                <i class="fa fa-close" data-toggle="tooltip" title=""
                                                                    data-original-title="حذف"></i>
                                                            </a>
                                                            <div class="modal text-right" id="modalDelete{{ $item->id }}">
                                                                <div class="modal-dialog modal-dialog-centered"
                                                                    role="document">
                                                                    <div class="modal-content modal-content-demo">
                                                                        <div class="modal-header">
                                                                            <h6 class="modal-title">حذف سریال</h6><button
                                                                                aria-label="بستن" class="close"
                                                                                data-dismiss="modal" type="button"><span
                                                                                    aria-hidden="true">×</span></button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <h6>فرم حذف</h6>
                                                                            <p>آیا از حذف این سریال از تقویم مطمئن هستید؟</p>
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <form
                                                                                action="{{ route('admin.deleteMovieInCalendar', $item->id) }}"
                                                                                method="GET">
                                                                                <button class="btn ripple btn-primary"
                                                                                    type="submit">آری</button>
                                                                            </form>
                                                                            <button class="btn ripple btn-secondary"
                                                                                data-dismiss="modal"
                                                                                type="button">لغو</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endcan
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Row Thursday -->

    <!-- Row Friday -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <div>
                            <a aria-controls="multiCollapseFriday" aria-expanded="false" data-toggle="collapse"
                                href="#multiCollapseFriday" role="button">

                                <h6 class="main-content-label">
                                    <div class="spinner-grow text-dark" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div> جدول سریال های جمعه
                                </h6>
                            </a>

                        </div>
                        @can(\App\Enum\Permissions::WEB_CREATE_CALENDAR)
                            <div class="justify-content-center">
                                <div class="col-sm-6 col-md-4 col-xl-3">
                                    <a class="btn btn-primary my-2 btn-icon-text d-inline-flex justify-content-center align-items-center"
                                        data-effect="effect-scale" data-toggle="modal" href="#modalCreateFriday">
                                        افزودن<i class="fe fe-download-cloud mr-2"></i>
                                    </a>
                                </div>
                                <div class="modal" id="modalCreateFriday">
                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                        <div class="modal-content modal-content-demo">
                                            <div class="modal-header">
                                                <h6 class="modal-title">افزودن سریال به جمعه</h6><button aria-label="بستن"
                                                    class="close" data-dismiss="modal" type="button"><span
                                                        aria-hidden="true">×</span></button>
                                            </div>
                                            <form action="{{ route('admin.addMovieInCalendar') }}" method="POST">
                                                @csrf
                                                <div class="modal-body">
                                                    <h6>فرم افزودن</h6>
                                                    <div class="form-group">
                                                        <select name="movie" class="form-control select2">
                                                            <option value="">سریال را انتخاب کنید</option>
                                                            @foreach ($serial as $item)
                                                                <option value="{{ $item->id }}">{{ $item->fa_title }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <input type="hidden" name="friday" value="friday">
                                                </div>
                                                <div class="modal-footer">
                                                    <button class="btn ripple btn-primary" type="submit">ثبت</button>
                                                    <button class="btn ripple btn-secondary" data-dismiss="modal"
                                                        type="button">لغو</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endcan
                    </div>

                    <div class="row row-sm">
                        <div class="col">
                            <div class="collapse multi-collapse" id="multiCollapseFriday">
                                <div class="table-responsive border">
                                    <table class="table text-nowrap text-md-nowrap table-hover mg-b-0">
                                        <thead>
                                            <tr>
                                                <th class="text-center">شناسه</th>
                                                <th class="text-center">نمایه سریال</th>
                                                <th class="text-center">عنوان سریال</th>
                                                <th class="text-center">ساعت پخش</th>
                                                <th class="text-center">کشور</th>
                                                <th class="text-center">زبان</th>
                                                <th class="text-center">امکانات</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($friday as $item)
                                                <tr>
                                                    <th class="text-center" scope="row">{{ $item->id }}</th>
                                                    <td class="text-center">
                                                        @if ($item->movie->mobile_image)
                                                            <div class="main-img-user avatar-xl d-none d-sm-block mx-auto">
                                                                <img alt="avatar" class="rounded"
                                                                    src="{{ $item->generateLink($item->movie->mobile_image) }}">
                                                            </div>
                                                        @else
                                                            ندارد
                                                        @endif
                                                    </td>
                                                    <td class="text-center">{{ $item->movie->fa_title }}</td>
                                                    <td class="text-center">{{ $item->movie->release_time }}</td>
                                                    <td class="text-center">{{ $item->movie->country }}</td>
                                                    <td class="text-center">{{ $item->movie->language }}</td>
                                                    <td class="text-center">
                                                        @can(\App\Enum\Permissions::WEB_DELETE_CALENDAR)
                                                            <a class="btn btn-danger d-inline-flex justify-content-center align-items-lg-center"
                                                                data-effect="effect-scale" data-toggle="modal"
                                                                href="#modalDelete{{ $item->id }}">
                                                                <i class="fa fa-close" data-toggle="tooltip" title=""
                                                                    data-original-title="حذف"></i>
                                                            </a>
                                                            <div class="modal text-right" id="modalDelete{{ $item->id }}">
                                                                <div class="modal-dialog modal-dialog-centered"
                                                                    role="document">
                                                                    <div class="modal-content modal-content-demo">
                                                                        <div class="modal-header">
                                                                            <h6 class="modal-title">حذف سریال</h6><button
                                                                                aria-label="بستن" class="close"
                                                                                data-dismiss="modal" type="button"><span
                                                                                    aria-hidden="true">×</span></button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <h6>فرم حذف</h6>
                                                                            <p>آیا از حذف این سریال از تقویم مطمئن هستید؟</p>
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <form
                                                                                action="{{ route('admin.deleteMovieInCalendar', $item->id) }}"
                                                                                method="GET">
                                                                                <button class="btn ripple btn-primary"
                                                                                    type="submit">آری</button>
                                                                            </form>
                                                                            <button class="btn ripple btn-secondary"
                                                                                data-dismiss="modal"
                                                                                type="button">لغو</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endcan
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Row Friday -->


@endsection

@section('js')
    <!-- Internal Form-elements js-->
    <script src="{{ asset('assets/js/select2.js') }}"></script>
@endsection