@extends('admin.layouts.app')

@section('content')
@include('admin.includes.update_discount_button')
@include('admin.includes.update_source_discount_button')
@include('admin.includes.update_student_discount_button')
@include('admin.includes.update_usableTime_discount_button')
@include('admin.includes.update_group_discount_button')
@include('admin.includes.update_expiration_discount_button')
    <section class="section">
        <div class="section-header">
            <h1>{{ $pageTitle }}</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.discounts') }}</div>
            </div>
        </div>

        <div class="section-body">

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

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

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

                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="input-label">{{ trans('admin/main.instructor') }}</label>
                                    <select name="instructor_id" class="form-control select2"> 
                                        <option selected disabled>{{ trans('admin/main.select_teacher') }}</option>
                                        @foreach ($teachers as $teacher)
                                            <option value="{{ $teacher->id }}" {{ !empty($teacher) && $teacher->id == request()->get('instructor_id') ? 'selected' : '' }}>{{ $teacher->full_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="input-label">{{ trans('admin/main.class') }}</label>
                                    <select name="webinar_ids[]" multiple="multiple"
                                        class="form-control search-webinar-select2" data-placeholder="{{ trans('admin/main.search_classes') }}">
                                        @if (!empty($courses))
                                            @foreach ($courses as $webinar)
                                                <option value="{{ $webinar->id }}" selected>{{ $webinar->title }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="input-label">{{ trans('admin/main.expiration_from') }}</label>
                                    <div class="input-group">
                                        <input type="date" id="fsdate" 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.expiration_to') }}</label>
                                    <div class="input-group">
                                        <input type="date" id="lsdate" class="text-center form-control" name="to"
                                            value="{{ request()->get('from') }}" 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.all_users_discount') }}</option>
                                        <option value="percent_asc" @if (request()->get('sort') == 'percent_asc') selected @endif>
                                            {{ trans('admin/main.percentage_ascending') }}</option>
                                        <option value="percent_desc" @if (request()->get('sort') == 'percent_desc') selected @endif>
                                            {{ trans('admin/main.percentage_descending') }}</option>
                                        <option value="amount_asc" @if (request()->get('sort') == 'amount_asc') selected @endif>
                                            {{ trans('admin/main.max_amount_ascending') }}</option>
                                        <option value="amount_desc" @if (request()->get('sort') == 'amount_desc') selected @endif>
                                            {{ trans('admin/main.max_amount_descending') }}</option>
                                        <option value="usable_time_asc" @if (request()->get('sort') == 'usable_time_asc') selected @endif>
                                            {{ trans('admin/main.usable_times_ascending') }}</option>
                                        <option value="usable_time_desc" @if (request()->get('sort') == 'usable_time_desc') selected @endif>
                                            {{ trans('admin/main.usable_times_descending') }}</option>
                                        <option value="usable_time_remain_asc"
                                            @if (request()->get('sort') == 'usable_time_remain_asc') selected @endif>
                                            {{ trans('admin/main.usable_times_remain_ascending') }}</option>
                                        <option value="usable_time_remain_desc"
                                            @if (request()->get('sort') == 'usable_time_remain_desc') selected @endif>
                                            {{ trans('admin/main.usable_times_remain_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="expire_at_asc" @if (request()->get('sort') == 'expire_at_asc') selected @endif>
                                            {{ trans('admin/main.expire_date_ascending') }}</option>
                                        <option value="expire_at_desc" @if (request()->get('sort') == 'expire_at_desc') selected @endif>
                                            {{ trans('admin/main.expire_date_descending') }}</option>
                                    </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>Active
                                        </option>
                                        <option value="expired" @if (request()->get('status') == 'expired') selected @endif>Expired
                                        </option>
                                    </select>
                                </div>
                            </div>


                            <div class="col-md-3">
                                <div class="form-group">
                                    <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-body">
                            <div class="text-left mb-2">
                                @can('admin_discount_codes_lists_excel')
                                    <a href="" class="btn btn-primary exportExcel" id="exportExcel"
                                    data-confirm-class="exportExcel">{{ trans('admin/main.export_xls') }}</a>
                                @endcan
                                @can('admin_discount_codes_create')
                                    <a href="/admin/financial/discounts/new" class="btn btn-primary">{{ trans('admin/main.new') }}</a>
                                @endcan
                                        
                            </div>
                            

                            <div class="form-group float-left">
                                <select class="form-control" name="sortBy" id="maxRows">
                                    <option value="10" {{ request()->get('sortBy') == 10 ? 'selected' : '' }}>10</option>
                                    <option value="15" {{ request()->get('sortBy') == 15 ? 'selected' : '' }}>15</option>
                                    <option value="20"{{ request()->get('sortBy') == 20 ? 'selected' : '' }}>20</option>
                                    <option value="50"{{ request()->get('sortBy') == 50 ? 'selected' : '' }}>50</option>
                                    <option value="70"{{ request()->get('sortBy') == 70 ? 'selected' : '' }}>70</option>
                                    <option value="100"{{ request()->get('sortBy') == 100 ? 'selected' : '' }}>100</option>
                                    <option value="1000"{{ request()->get('sortBy') == 1000 ? 'selected' : '' }}>{{trans('admin/main.show_all')}}</option>
                                </select>
                            </div>

                                @include('admin.includes.delete_discount_button')
                                <div class="form-group float-right d-flex mr-3">
                                    <select class="form-control" id="edit_select">
                                        <option disabled selected>{{ trans('admin/main.select_to_change') }}</option>
                                        <option value="source">{{ trans('admin/main.source') }}</option>
                                        <option value="student">{{ trans('admin/main.student') }}</option>
                                        <option value="usable_times">{{ trans('admin/main.usable_times') }}</option>
                                        <option value="group">{{ trans('admin/main.groups') }}</option>
                                        <option value="change_amount">{{ trans('admin/main.amount') }}</option>
                                        <option value="ext_date">{{ trans('admin/main.ext_date') }}</option>
                                        {{-- <option value="delete">{{ trans('admin/main.delete') }}</option> --}}
                                    </select>
                                    <i class="fa fa-edit btn btn-primary" aria-hidden="true"></i>
                                </div>

                            <div class="table-responsive">
                                <table class="table table-striped font-14" id="table-id">
                                    <tr>
                                        <th>
                                            <input class="form-check-input position-relative" type="checkbox" id="checkAll">
                                        </th>
                                        <th width="50">#</th>
                                        <th width="50">{{ trans('admin/main.actions') }}</th>
                                        <th width="150">{{ trans('admin/main.title') }}</th>
                                        <th width="150">{{ trans('admin/main.type') }}</th>
                                        <th class="text-left" width="150">{{ trans('admin/main.code') }}</th>
                                        <th class="text-left" width="150">{{ trans('admin/main.student') }}</th>
                                        <th class="text-left" width="150">{{ trans('admin/main.instructor') }}</th>
                                        <th class="text-left" width="150">{{ trans('admin/main.course') }}</th>
                                        <th class="text-left" width="150">{{ trans('admin/main.city') }}</th>
                                        <th class="text-left" width="150">{{ trans('admin/main.organization') }}</th>
                                        <th width="150">{{ trans('admin/main.usable_times') }}</th>
                                        <th width="150">{{ trans('admin/main.percentage') }}</th>
                                        <th width="150">{{ trans('admin/main.amount') }}</th>
                                        <th width="50">{{ trans('admin/main.status') }}</th>
                                        <th width="250">{{ trans('admin/main.created_date') }}</th>
                                        <th width="250">{{ trans('admin/main.ext_date') }}</th>
                                    </tr>

                                    @foreach ($discounts as $discount)
                                        <tr id="d_id{{ $discount->id }}">
                                            <td>
                                                <input id="checkBoxClass" class="form-check-input checkBoxClass position-relative"
                                                value="{{ $discount->id }}" type="checkbox" name="ids">
                                            </td>
                                            <td>{{ $discount->id }}</td>
                                            <td>
                                                @can('admin_discount_codes_edit')
                                                    <a href="/admin/financial/discounts/{{ $discount->id }}/edit"
                                                        class="btn-transparent text-primary" data-toggle="tooltip"
                                                        data-placement="top" title="{{ trans('admin/main.edit') }}">
                                                        <i class="fa fa-edit"></i>
                                                    </a>
                                                @endcan

                                                @can('admin_discount_codes_delete')
                                                    @include('admin.includes.delete_button', [
                                                        'url' =>
                                                            '/admin/financial/discounts/' .
                                                            $discount->id .
                                                            '/delete',
                                                        'btnClass' => '',
                                                    ])
                                                @endcan
                                            </td>
                                            <td>{{ $discount->title }}</td>
                                            <td>
                                                @if ($discount->discount_type == \App\Models\Discount::$discountTypeFixedAmount)
                                                    {{ trans('update.fixed_amount') }}
                                                @else
                                                    {{ trans('admin/main.percentage') }}
                                                @endif
                                            </td>
                                            <td class="text-left">{{ $discount->code }}</td>
                                            <td class="text-left">
                                                @if (!empty($discount->discountUsers) and !empty($discount->discountUsers->user))
                                                    <span><a class="text-dark" href="/admin/students?user_id={{ $discount->discountUsers->user->id }}">
                                                        {{ $discount->discountUsers->user->full_name }}</a>
                                                    </span>
                                                    <div class="text-primary text-small font-600-bold">ID :
                                                        {{ !empty($discount->discountUsers) ? $discount->discountUsers->user->id : '' }}
                                                    </div>
                                                    <div class="text-primary text-small font-600-bold">
                                                        {{ !empty($discount->discountUsers) ? $discount->discountUsers->user->mobile : '' }}
                                                    </div>
                                                @endif
                                            </td>
                                            <td class="text-left">
                                                @if (!empty($discount) and !empty($discount->instructor_id))
                                                    <span class="">{{ isset($discount->instructor) ? $discount->instructor->full_name : '-' }}</span>
                                                    <div class="text-primary text-small font-600-bold">ID :
                                                        {{ (isset($discount->instructor) and !empty($discount->instructor_id)) ? $discount->instructor->id : '' }}
                                                    </div>
                                                @endif
                                            </td>

                                            <td class="text-left">
                                                <span>{{ isset($discount->discountCourses[0]) ? $discount->discountCourses[0]->course->title : 'ALL' }}</span>
                                            </td>
                                            <td class="text-left">
                                                <span>{{ isset($discount->city_id) ? $discount->city->title : '' }}</span>
                                            </td>
                                            <td class="text-left">
                                                <span>{{ isset($discount->organ_id) ? $discount->organization->full_name : '' }}</span>
                                            </td>

                                            <td>
                                                <div class="media-body">
                                                    <div class=" mt-0 mb-1 font-weight-bold">{{ $discount->count }}
                                                    </div>
                                                    <div class="text-primary text-small">
                                                        {{ trans('admin/main.remain') }}
                                                        : {{ $discount->discountRemain() }}</div>
                                                </div>
                                            </td>

                                            <td>{{ $discount->percent ? $discount->percent . '%' : '-' }}</td>

                                            <td>{{ $discount->amount ? addCurrencyToPrice($discount->amount) : '-' }}
                                            </td>
                                            <td>
                                                @if ($discount->expired_at < time())
                                                    <span class="text-danger">{{ trans('panel.expired') }}</span>
                                                @else
                                                    <span class="text-success">{{ trans('admin/main.active') }}</span>
                                                @endif
                                            </td>
                                            <td>{{ dateTimeFormat($discount->created_at, 'Y M d') }}</td>

                                            <td>{{ dateTimeFormat($discount->expired_at, 'Y M d - H:i') }}</td>

                                        </tr>
                                    @endforeach

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

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

                    </div>
                </div>
            </div>
        </div>
        
    </section>
    @if (session()->has('excel_url'))
        <script>
            window.open("{{ session()->get('excel_url') }}", '_blank');
            @php session()->forget('excel_url'); @endphp
        </script>
    @endif
@endsection
@push('scripts_bottom')
<script>
    $(function(e) {
        $("#maxRows").change(function () {
            let value = $(this).val();
            const params = new URLSearchParams(window.location.search)
            // alert(params.length);
            params.set('sortBy',  value);
            window.location.href ="{{ route('discounts') }}?" + params + "&sortBy=" + value ;
        });
        
        const checkBoxClass = document.getElementById("checkBoxClass");
        $("#checkAll").click(function() {
            $(".checkBoxClass").prop('checked', $(this).prop('checked'));
        });

        $(".deleteAllSelectedDiscount").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('discount.deleteSelected') }}",
                type: "DELETE",
                data: {
                    _token: $("input[name=_token]").val(),
                    ids: allIds
                },
                success: function(response) {

                    $.each(allIds, function(key, val) {
                        $("#d_id" + val).remove();
                        // location.reload();
                    })
                },
            });
        });
        $('#edit_select').change(function() { 
            var change_val = $(this).val();

                if(change_val == "change_amount"){ 
                    const $modal = $('#amountModalCenter');
                    $modal.modal('show');
                }else if(change_val == "delete"){
                    const $modal = $('#deleteModalCenter');
                    $modal.modal('show');
                }else if(change_val == 'source'){
                    const $modal = $('#sourceModalCenter');
                    $modal.modal('show');
                }else if(change_val == 'student'){
                    const $modal = $('#studentModalCenter'); 
                    $modal.modal('show');
                }else if(change_val == 'usable_times'){
                    const $modal = $('#usableTimeModalCenter'); 
                    $modal.modal('show');
                }else if(change_val == 'group'){
                    const $modal = $('#groupModalCenter'); 
                    $modal.modal('show');
                }else if(change_val == 'ext_date'){
                    const $modal = $('#expirationModalCenter'); 
                    $modal.modal('show');
                }
            
        });
        $(".updateAllSelectedDiscount").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('discount.updateSelected') }}",
                type: "put",
                data: {
                    _token: $("input[name=_token]").val(),
                    ids: allIds,
                    edit_amount: $('#edit_amount').val()
                },
                success: function(response) {
                    location.reload();
                    
                }
            });
        });

        $(".updateAllSelectedSource").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('discount.updateCheckedSource') }}",
                type: "put",
                data: {
                    _token: $("input[name=_token]").val(),
                    ids: allIds,
                    source: $('#source').val(),
                    webinar_ids: $('#webinar_ids').val(),
                    category_ids: $('#category_ids').val(),
                    instructor_id: $('#instructor_id').val(),
                },
                success: function(response) {
                    location.reload();
                    
                }
            });
        });
        $(".updateAllSelectedStudent").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('discount.updateCheckedStudents') }}",
                type: "put",
                data: {
                    _token: $("input[name=_token]").val(),
                    ids: allIds,
                    source: $('#source').val(),
                    users_ids: $('#users_ids').val(),
                },
                success: function(response) {
                    location.reload();
                    
                }
            });
        });

        $(".updateAllSelectedUsableTimes").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('discount.updateCheckedUsableTimes') }}",
                type: "put",
                data: {
                    _token: $("input[name=_token]").val(),
                    ids: allIds,
                    usable_time: $('#usable_time').val(),
                },
                success: function(response) {
                    location.reload();
                    
                }
            });
        });

        $(".updateAllSelectedGroups").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('discount.updateCheckedGroups') }}",
                type: "put",
                data: {
                    _token: $("input[name=_token]").val(),
                    ids: allIds,
                    group_ids: $('#group_ids').val(),
                },
                success: function(response) {
                    location.reload();
                    
                }
            });
        });

        $(".updateAllSelectedExpiration").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('discount.updateCheckedExpiration') }}",
                type: "put",
                data: {
                    _token: $("input[name=_token]").val(),
                    ids: allIds,
                    expired_at: $('#expired_at').val(),
                },
                success: function(response) {
                    location.reload();
                    
                }
            });
        });

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

            $("input:checkbox[name=ids]:checked").each(function() {
                allIds.push($(this).val());
            });
            $.ajax({
                url: "{{ route('exportCodes') }}",
                type: "get",
                data: {
                    _token: $("input[name=_token]").val(),
                    ids: allIds
                },
                success: function(response) {
                    window.open(response, '_blank').focus();
                    // window.location.reload();
                    $("input:checkbox:checked").prop('checked', false);
                
                }
            });
        });

    });
</script>
<script src="/assets/default/js/admin/discount.min.js"></script>
@endpush