@extends('admin.layouts.app')

@push('libraries_top')
@endpush

@section('content')
    <section class="section">
        <div class="section-header">
            <h1>{{ trans('admin/main.type_' . $classesType . 's') }} {{ trans('admin/main.list') }}</h1>
            <div class="section-header-breadcrumb">
                <div class="breadcrumb-item active"><a href="/admin/">{{ trans('admin/main.dashboard') }}</a>
                </div>
                <div class="breadcrumb-item">{{ trans('admin/main.classes') }}</div>

                <div class="breadcrumb-item">{{ trans('admin/main.type_' . $classesType . 's') }}</div>
            </div>
        </div>

        <div class="section-body">

            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="card card-statistic-1">
                        <div class="card-icon bg-primary">
                            <i class="fas fa-file-video"></i>
                        </div>
                        <div class="card-wrap">
                            <div class="card-header">
                                <h4>{{ trans('admin/main.total') }} {{ trans('admin/main.type_' . $classesType . 's') }}
                                </h4>
                            </div>
                            <div class="card-body">
                                {{ $totalWebinars }}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="card card-statistic-1">
                        <div class="card-icon bg-warning">
                            <i class="fas fa-eye"></i>
                        </div>

                        <div class="card-wrap">
                            <div class="card-header">
                                <h4>{{ trans('admin/main.pending_review') }}
                                    {{ trans('admin/main.type_' . $classesType . 's') }}</h4>
                            </div>
                            <div class="card-body">
                                {{ $totalPendingWebinars }}
                            </div>
                        </div>
                    </div>
                </div>

                @if ($classesType == 'webinar')
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="card card-statistic-1">
                            <div class="card-icon bg-info">
                                <i class="fas fa-history"></i>
                            </div>

                            <div class="card-wrap">
                                <div class="card-header">
                                    <h4>{{ trans('admin/main.inprogress_live_classes') }}</h4>
                                </div>
                                <div class="card-body">
                                    {{ $inProgressWebinars }}
                                </div>
                            </div>
                        </div>
                    </div>
                @else
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="card card-statistic-1">
                            <div class="card-icon bg-info">
                                <i class="fas fa-dollar-sign"></i>
                            </div>

                            <div class="card-wrap">
                                <div class="card-header">
                                    <h4>{{ trans('admin/main.total_durations') }}</h4>
                                </div>
                                <div class="card-body">
                                    {{ /* convertMinutesToHourAndMinute($totalDurations) */ $totalDurations}} {{ trans('home.hours') }}
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="card card-statistic-1">
                        <div class="card-icon bg-success">
                            <i class="fas fa-users"></i>
                        </div>
                        <div class="card-wrap">
                            <div class="card-header">
                                <h4>{{ trans('admin/main.total_sales') }}</h4>
                            </div>
                            <div class="card-body">
                                {{ $totalSales }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <section class="card">
                <div class="card-body">
                    <form method="get" class="mb-0">
                        <input type="hidden" name="type" value="{{ request()->get('type') }}">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="input-label">{{ trans('admin/main.search') }}</label>
                                    <input name="title" type="text" class="form-control"
                                        value="{{ request()->get('title') }}">
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="input-label">{{ trans('admin/main.start_date') }}</label>
                                    <div class="input-group">
                                        <input type="date" id="from" class="text-center form-control" name="from"
                                            value="{{ request()->get('from') }}" placeholder="Start Date">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="input-label">{{ trans('admin/main.end_date') }}</label>
                                    <div class="input-group">
                                        <input type="date" id="to" class="text-center form-control" name="to"
                                            value="{{ request()->get('to') }}" placeholder="End Date">
                                    </div>
                                </div>
                            </div>


                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="input-label">{{ trans('admin/main.filters') }}</label>
                                    <select name="sort" data-plugin-selectTwo class="form-control populate">
                                        <option value="">{{ trans('admin/main.filter_type') }}</option>
                                        <option value="has_discount" @if (request()->get('sort') == 'has_discount') selected @endif>
                                            {{ trans('admin/main.discounted_classes') }}</option>
                                        <option value="sales_asc" @if (request()->get('sort') == 'sales_asc') selected @endif>
                                            {{ trans('admin/main.sales_ascending') }}</option>
                                        <option value="sales_desc" @if (request()->get('sort') == 'sales_desc') selected @endif>
                                            {{ trans('admin/main.sales_descending') }}</option>
                                        <option value="price_asc" @if (request()->get('sort') == 'price_asc') selected @endif>
                                            {{ trans('admin/main.Price_ascending') }}</option>
                                        <option value="price_desc" @if (request()->get('sort') == 'price_desc') selected @endif>
                                            {{ trans('admin/main.Price_descending') }}</option>
                                        <option value="income_asc" @if (request()->get('sort') == 'income_asc') selected @endif>
                                            {{ trans('admin/main.Income_ascending') }}</option>
                                        <option value="income_desc" @if (request()->get('sort') == 'income_desc') selected @endif>
                                            {{ trans('admin/main.Income_descending') }}</option>
                                        <option value="created_at_asc" @if (request()->get('sort') == 'created_at_asc') selected @endif>
                                            {{ trans('admin/main.create_date_ascending') }}</option>
                                        <option value="created_at_desc" @if (request()->get('sort') == 'created_at_desc') selected @endif>
                                            {{ trans('admin/main.create_date_descending') }}</option>
                                        <option value="updated_at_asc" @if (request()->get('sort') == 'updated_at_asc') selected @endif>
                                            {{ trans('admin/main.update_date_ascending') }}</option>
                                        <option value="updated_at_desc" @if (request()->get('sort') == 'updated_at_desc') selected @endif>
                                            {{ trans('admin/main.update_date_descending') }}</option>
                                    </select>
                                </div>
                            </div>


                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="input-label">{{ trans('admin/main.instructor') }}</label>
                                    <select name="teacher_ids[]" multiple="multiple" data-search-option="just_teacher_role"
                                        class="form-control search-user-select2" data-placeholder="{{ trans('admin/main.search_instructors') }}">

                                        @if (!empty($teachers) and $teachers->count() > 0)
                                            @foreach ($teachers as $teacher)
                                                <option value="{{ $teacher->id }}" selected>{{ $teacher->full_name }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>


                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="input-label">{{ trans('admin/main.category') }}</label>
                                    <select name="category_id" data-plugin-selectTwo class="form-control select2 populate">
                                        <option value="">{{ trans('admin/main.all_categories') }}</option>

                                        @foreach ($categories as $category)
                                            @if (!empty($category->subCategories) and count($category->subCategories))
                                                <optgroup label="{{ $category->title }}">
                                                    @foreach ($category->subCategories as $subCategory)
                                                        <option value="{{ $subCategory->id }}"
                                                            @if (request()->get('category_id') == $subCategory->id) selected="selected" @endif>
                                                            {{ $subCategory->title }}</option>
                                                    @endforeach
                                                </optgroup>
                                            @else
                                                <option value="{{ $category->id }}"
                                                    @if (request()->get('category_id') == $category->id) selected="selected" @endif>
                                                    {{ $category->title }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                            </div>


                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="input-label">{{ trans('admin/main.status') }}</label>
                                    <select name="status" data-plugin-selectTwo class="form-control populate">
                                        <option value="">{{ trans('admin/main.all_status') }}</option>
                                        <option value="active" @if (request()->get('status') == 'active') selected @endif>
                                                {{ trans('admin/main.published') }}</option>
                                        <option value="is_draft" @if (request()->get('status') == 'is_draft') selected @endif>
                                                    {{ trans('admin/main.draft') }}</option>
                                    </select>
                                </div>
                            </div>


                            <div class="col-md-3">
                                <div class="form-group mt-1">
                                    <label class="input-label mb-4"> </label>
                                    <input type="submit" class="text-center btn btn-primary w-100"
                                        value="{{ trans('admin/main.show_results') }}">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </section>

            <div class="row">
                <div class="col-12 col-md-12">
                    <div class="card">
                        <div class="card-header btn-x">
                            @can('admin_webinars_export_excel')
                                <div class="text-right btn-v">
                                    <a href="/admin/webinars/excel?{{ http_build_query(request()->all()) }}"
                                        class="btn btn-primary">{{ trans('admin/main.export_xls') }}</a>
                                </div>
                            @endcan
                            @can('admin_webinars_create')
                                <div class="text-right btn-v">
                                    <a href="/admin/webinars/create" class="btn btn-primary ml-2">{{ trans('admin/main.new_course') }}</a>
                                </div>
                            @endcan
                            @can('admin_webinars_delete')
                                @include('admin.includes.delete_webinar_button')
                            @endcan
                            @can('admin_webinars_delete')
                                @include('admin.includes.update_webinar_button')
                            @endcan
                        </div>

                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped font-14 ">
                                    <tr>
                                        <th>
                                            <input class="form-check-input position-relative" type="checkbox" id="checkAll">
                                        </th>
                                        <th>{{ trans('admin/main.id') }}</th>
                                        <th width="120">{{ trans('admin/main.actions') }}</th>
                                        <th class="text-left">{{ trans('admin/main.title') }}</th>
                                        <th class="text-left">{{ trans('admin/main.group') }}</th>
                                        <th class="text-left">{{ trans('admin/main.organization') }}</th>
                                        <th class="text-left">{{ trans('admin/main.city') }}</th>
                                        <th class="text-left">{{ trans('admin/main.instructor') }}</th>
                                        <th>{{ trans('admin/main.price') }}</th>
                                        <th>{{ trans('admin/main.price_after_disscount') }}</th>
                                        <th>{{ trans('admin/main.online_price') }}</th>
                                        <th>{{ trans('admin/main.online_price_after_disscount') }}</th>
                                        <th>{{ trans('admin/main.successful_sales') }}</th>
                                        <th>{{ trans('admin/main.refund_sales') }}</th>
                                        <th>{{ trans('admin/main.income') }}</th>
                                        <th>{{ trans('admin/main.created_at') }}</th>
                                        @if ($classesType == 'webinar')
                                            <th>{{ trans('admin/main.start_date') }}</th>
                                        @else
                                            <th>{{ trans('admin/main.updated_at') }}</th>
                                        @endif
                                        <th>{{ trans('admin/main.status') }}</th>
                                    </tr>

                                    @foreach ($webinars as $webinar)
                                        <tr class="text-center" id="wid{{ $webinar->id }}">
                                            <td>
                                                <input class="form-check-input checkBoxClass position-relative" value="{{ $webinar->id }}"
                                                    type="checkbox" name="ids">
                                            </td>
                                            <td>{{ $webinar->id }}</td>
                                            <td width="120" class="btn-sm">
                                                @can('admin_webinars_replicate')
                                                    <a href="/admin/webinars/{{ $webinar->id }}/replicate" target="_blank"
                                                        class="btn-transparent btn-sm text-primary mt-1" data-toggle="tooltip"
                                                        data-placement="top" title="{{ trans('admin/main.replicate') }}">
                                                        <i class="fas fa-clone"></i>
                                                    </a>
                                                @endcan


                                                @can('admin_support_send')
                                                    <a href="/admin/supports/create?user_id={{ $webinar->teacher->id }}"
                                                        target="_blank" class="btn-transparent btn-sm text-primary mt-1"
                                                        data-toggle="tooltip" data-placement="top"
                                                        title="{{ trans('admin/main.send_message_to_teacher') }}">
                                                        <i class="fa fa-comment"></i>
                                                    </a>
                                                @endcan

                                                @can('admin_webinars_edit')
                                                    <a href="/admin/webinars/{{ $webinar->id }}/edit" target="_blank"
                                                        class="btn-transparent btn-sm text-primary mt-1" data-toggle="tooltip"
                                                        data-placement="top" title="{{ trans('admin/main.edit') }}">
                                                        <i class="fa fa-edit"></i>
                                                    </a>
                                                @endcan

                                                @can('admin_webinars_delete')
                                                    @include('admin.includes.delete_button', [
                                                        'url' => '/admin/webinars/' . $webinar->id . '/delete',
                                                        'btnClass' => 'btn-sm mt-1',
                                                    ])
                                                @endcan
                                            </td>
                                            <td width="18%" class="text-left">
                                                <a class="text-primary mt-0 mb-1 font-weight-bold"
                                                    href="/admin/webinars/{{ $webinar->id }}/edit" target="_blank">{{ $webinar->title }}</a>
                                                @if (!empty($webinar->category->title))
                                                    <div class="text-small">{{ $webinar->category->title }}</div>
                                                @else
                                                    <div class="text-small text-warning">
                                                        {{ trans('admin/main.no_category') }}</div>
                                                @endif
                                            </td>
                                            
                                            <td>{{ isset($webinar->group_id) ?  $webinar->group->name : "-"}}</td>
                                            <td>{{ isset($webinar->organization) ?  $webinar->organization->full_name : "-"}}</td>
                                            <td>{{ isset($webinar->city) ? $webinar->city->title : "-" }}</td>
                                            <td>{{ isset($webinar->teacher) ? $webinar->teacher->full_name : "-" }}</td>

                                            <td>
                                                @if (!empty($webinar->price) and $webinar->price > 0)
                                                    <span class="mt-0 mb-1">
                                                        {{ handlePrice($webinar->price, true, true) }}
                                                    </span>

                                                    @if ($webinar->getDiscountPercent() > 0)
                                                        <div class="text-danger text-small font-600-bold">
                                                            {{ $webinar->getDiscountPercent() }}%
                                                            {{ trans('admin/main.off') }}</div>
                                                    @endif
                                                @else
                                                    {{ trans('public.free') }}
                                                @endif
                                            </td>
                                            <td>
                                                @if (!empty($webinar->price_after_disscount) and $webinar->price_after_disscount > 0)
                                                    <span class="mt-0 mb-1">
                                                        {{ handlePrice($webinar->price_after_disscount, true, true) }}
                                                    </span>

                                                    @if ($webinar->getDiscountPercent() > 0)
                                                        <div class="text-danger text-small font-600-bold">
                                                            {{ $webinar->getDiscountPercent() }}%
                                                            {{ trans('admin/main.off') }}</div>
                                                    @endif
                                                @else
                                                    {{ trans('public.disscount_value') }}
                                                @endif
                                            </td>
                                            <td>
                                                @if (!empty($webinar->online_price) and $webinar->online_price > 0)
                                                    <span class="mt-0 mb-1">
                                                        {{ handlePrice($webinar->online_price, true, true) }}
                                                    </span>

                                                    @if ($webinar->getDiscountPercent() > 0)
                                                        <div class="text-danger text-small font-600-bold">
                                                            {{ $webinar->getDiscountPercent() }}%
                                                            {{ trans('admin/main.off') }}</div>
                                                    @endif
                                                @else
                                                    {{ trans('public.free') }}
                                                @endif
                                            </td>
                                            <td>
                                                @if (!empty($webinar->online_price_after_disscount) and $webinar->online_price_after_disscount > 0)
                                                    <span class="mt-0 mb-1">
                                                        {{ handlePrice($webinar->online_price_after_disscount, true, true) }}
                                                    </span>

                                                    @if ($webinar->getDiscountPercent() > 0)
                                                        <div class="text-danger text-small font-600-bold">
                                                            {{ $webinar->getDiscountPercent() }}%
                                                            {{ trans('admin/main.off') }}</div>
                                                    @endif
                                                @else
                                                    {{ trans('public.disscount_value') }}
                                                @endif
                                            </td>
                                            <td>
                                                <span class="text-primary mt-0 mb-1 font-weight-bold">
                                                    {{ $webinar->sales->count() }}
                                                </span>

                                                @if ($classesType == 'webinar')
                                                    <div class="text-small font-600-bold">
                                                        {{ trans('admin/main.capacity') }} :
                                                        {{ $webinar->getWebinarCapacity() }}</div>
                                                @endif
                                            </td>
                                            <td>
                                                <span class="text-primary mt-0 mb-1 font-weight-bold">
                                                    {{ $webinar->salesRefund->count() }}
                                                </span>

                                                @if ($classesType == 'webinar')
                                                    <div class="text-small font-600-bold">
                                                        {{ trans('admin/main.capacity') }} :
                                                        {{ $webinar->getWebinarCapacity() }}</div>
                                                @endif
                                            </td>

                                            <td>{{ addCurrencyToPrice($webinar->sales->sum('amount')) }}</td>

                                            <td class="font-12">
                                                {{ dateTimeFormat($webinar->created_at, 'Y M j | H:i') }}</td>

                                            @if ($classesType == 'webinar')
                                                <td class="font-12">
                                                    {{ dateTimeFormat($webinar->start_date, 'Y M j | H:i') }}</td>
                                            @else
                                                <td class="font-12">
                                                    {{ dateTimeFormat($webinar->updated_at, 'Y M j | H:i') }}</td>
                                            @endif

                                            <td>
                                                @switch($webinar->status)
                                                    @case(\App\Models\Webinar::$active)
                                                        <div class="text-success font-600-bold">
                                                            {{ trans('admin/main.published') }}</div>
                                                        @if ($webinar->isWebinar())
                                                            @if ($webinar->isProgressing())
                                                                <div class="text-warning text-small">
                                                                    ({{ trans('webinars.in_progress') }})
                                                                </div>
                                                            @elseif($webinar->start_date > time())
                                                                <div class="text-danger text-small">
                                                                    ({{ trans('admin/main.not_conducted') }})</div>
                                                            @else
                                                                <div class="text-success text-small">
                                                                    ({{ trans('public.finished') }})</div>
                                                            @endif
                                                        @endif
                                                    @break

                                                    @case(\App\Models\Webinar::$isDraft)
                                                        <span class="text-dark">{{ trans('admin/main.is_draft') }}</span>
                                                    @break

                                                    @case(\App\Models\Webinar::$pending)
                                                        <span class="text-warning">{{ trans('admin/main.waiting') }}</span>
                                                    @break

                                                    @case(\App\Models\Webinar::$inactive)
                                                        <span class="text-danger">{{ trans('public.rejected') }}</span>
                                                    @break
                                                @endswitch
                                            </td>
                                        </tr>
                                    @endforeach
                                </table>
                            </div>
                        </div>

                        <div class="card-footer text-center">
                            {{ $webinars->appends(request()->input())->links() }}
                        </div>

                    </div>
                </div>
            </div>
        </div>

        {{-- <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
                crossorigin="anonymous"></script> --}}



    </section>
@endsection


@push('scripts_bottom')
<script>
    $(function(e) {
        $("#checkAll").click(function() {
            $(".checkBoxClass").prop('checked', $(this).prop('checked'));
        });

        $(".deleteAllSelected").click(function(e) {
            e.preventDefault();
            var allIds = [];

            $("input:checkbox[name=ids]:checked").each(function() {
                allIds.push($(this).val());
            });
                $('#fire-modal-1').modal('hide')

            $.ajax({
                url: "{{ route('webinar.deleteSelected') }}",
                type: "DELETE",
                data: {
                    _token: $("input[name=_token]").val(),
                    ids: allIds
                },
                success: function(response) {
                    $.each(allIds, function(key, val) {
                        $("#wid" + val).remove();
                    })
                }
            });
        });

        $(".updateAllSelected").click(function(e) {
            e.preventDefault();
            var allIds = [];

            $("input:checkbox[name=ids]:checked").each(function() {
                allIds.push($(this).val());
            });
                $('#fire-modal-2').modal('hide')
            $.ajax({
                url: "{{ route('webinar.updateSelected') }}",
                type: "put",
                data: {
                    _token: $("input[name=_token]").val(),
                    ids: allIds,
                    status: $('#status').find('option:selected').val()
                },
                success: function(response) {
                    location.reload();
                }
            });
        });
        
    });
</script>
@endpush