@extends('backEnd.master')

@section('title')
    @lang('system_settings.module_manage')
@endsection

@push('script')
    <script type="text/javascript" src="{{ asset('/vendor/spondonit/js/parsley.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('/vendor/spondonit/js/function.js') }}"></script>
    <script type="text/javascript" src="{{ asset('/vendor/spondonit/js/common.js') }}"></script>
@endpush

@section('mainContent')
    <link rel="stylesheet" href="{{ asset('/vendor/spondonit/css/parsley.css') }}">
    <style type="text/css">
        #selectStaffsDiv,
        .forStudentWrapper {
            display: none;
        }

        .switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;
        }

        #waiting_loader {
            display: none;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        input:checked+.slider {
            background: var(--primary-color);
        }

        input:focus+.slider {
            box-shadow: 0 0 1px linear-gradient(90deg, var(--gradient_1) 0%, #c738d8 51%, var(--gradient_1) 100%);
        }

        input:checked+.slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }

        /* Rounded sliders */
        .slider.round {
            border-radius: 34px;
        }

        .slider.round:before {
            border-radius: 50%;
        }

        .school-table-style thead .sorting_asc::after,
        .school-table-style thead .sorting::after {
            top: 10px !important;
            left: 0 !important;
        }

        .school-table-style thead th:first-child::after {
            left: 5px !important;
        }

        .school-table-style tbody td:first-child {
            text-align: center;
        }

        .switch_toggle {
            /* height: 30px; */
            left: 14px;
            /* width: 50px; */
        }

        /* .switch_toggle .slider:before {
                height: 20px;
                left: 10px;
                width: 20px;
                top: 5px;
            } */
    </style>
    <section class="sms-breadcrumb mb-20">
        <div class="container-fluid">
            <div class="row justify-content-between">
                <h1>@lang('system_settings.module_manage')</h1>
                <div class="bc-pages">
                    <a href="{{ route('dashboard') }}">@lang('common.dashboard')</a>
                    <a href="#">@lang('system_settings.system_settings')</a>
                    <a href="#">@lang('system_settings.module_manage')</a>
                </div>
            </div>
        </div>
    </section>
    <section class="admin-visitor-area">
        <div class="container-fluid p-0">
            <div class="row">
                <div class="col-lg-12">
                    <div class="white-box">
                        <div class="row flex-wrap">
                            <div class="col-lg-8 col-xs-6 col-md-6 col-sm-6 col-12 no-gutters ">
                                <div class="main-title ">
                                    <h3 class="mb-15"> @lang('system_settings.module_manage')</h3>
                                </div>
                            </div>
                            <div
                                class="col-lg-4 col-xs-6 col-md-6 col-sm-6 col-12 mt-3 mt-sm-0 no-gutters mb-30 breadcumb-lawngreen text-left text-sm-right m-0">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <a href="#" data-toggle="modal" class="primary-btn small fix-gr-bg nowrap"
                                            data-target="#add_to_do" title="Add To Do" data-modal-size="modal-md">
                                            <span class="ti-upload pr-2"></span>
                                            @lang('common.upload_or_update_module')
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="table-responsive">
                                    <table id="default_table" class="table school-table-style" cellspacing="0" width="100%">
                                        <thead>
                                            <tr>
                                                <th>@lang('common.sl')</th>
                                                <th>@lang('common.name')</th>
                                                <th>@lang('common.status')</th>
                                                <th>@lang('common.action')</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <input type="hidden" name="url" id="url" value="{{ URL::to('/') }}">
                                            @php
                                                $modules = App\InfixModuleManager::where('is_default', 0)->get();
                                                $count = 1;
                                                $module_array = [];
                                            @endphp
                                            @foreach ($modules as $module)
                                                @php
                                                    $is_module_available = 'Modules/' . $module->name . '/Providers/' . $module->name . 'ServiceProvider.php';
                                                    $configName = $module->name;
                                                    $module_array[] = $module->name;
                                                @endphp
                                                <tr>
    
                                                    <td>{{ $count++ }}</td>
                                                    <td>
                                                        @if ($module->name == 'Saas')
                                                            <strong>@lang('common.saas')</strong>
                                                        @else
                                                            <strong>{{ $module->name }}</strong>
                                                        @endif
                                                        <small class="text-success text-bold"> (
                                                            Version: {{ @moduleVersion($module->name) }}</small> )
                                                        <p>{{ $module->notes }}</p>
    
                                                        @if (!empty($module->purchase_code))
                                                            <p class="text-success">
                                                                Verified | Published on
                                                                {{ date('F jS, Y', strtotime($module->activated_date)) }}</p>
                                                        @elseif(file_exists($is_module_available))
                                                            <p class="text-success"> Purchased </p>
                                                        @else
                                                            <p class="text-danger"> Not Purchase </p>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if (moduleStatusCheck($module->name) == false)
                                                            <a class="primary-btn small {{ $module->name }} bg-warning text-white border-0"
                                                                href="#">@lang('common.disable')</a>
                                                        @elseif(moduleStatusCheck($module->name) == true)
                                                            <a class="primary-btn small {{ $module->name }} bg-success text-white border-0"
                                                                href="#">@lang('common.active') </a>
                                                        @else
                                                            <a class="primary-btn small {{ $module->name }} bg-success text-white border-0"
                                                                href="#">Purchased</a>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if (is_null($module->purchase_code) && !file_exists($is_module_available))
                                                            <a class="primary-btn fix-gr-bg text-nowrap " href="{{ $module->addon_url }}"
                                                                target="_blank">Buy Now</a>
                                                        @elseif(is_null($module->purchase_code) && moduleStatusCheck($module->name) == false && file_exists($is_module_available))
                                                            <div class="row">
                                                                <div class="col-lg-6">
                                                                    <div class="col-lg-12 text-center">
                                                                        @if (userPermission('manage-adons-verify'))
                                                                            <a class="primary-btn fix-gr-bg" data-toggle="modal"
                                                                                data-target="#Verify{{ $configName }}"
                                                                                href="#">@lang('common.verify')</a>
    
                                                                            <div class="modal fade admin-query"
                                                                                id="Verify{{ $configName }}">
                                                                                <div class="modal-dialog modal-dialog-centered">
                                                                                    <div class="modal-content">
                                                                                        <div class="modal-header">
                                                                                            <h4 class="modal-title">Module
                                                                                                Verification</h4>
                                                                                            <button type="button"
                                                                                                class="close"
                                                                                                data-dismiss="modal">&times;
                                                                                            </button>
                                                                                        </div>
                                                                                        <div class="modal-body text-left">
                                                                                            {!! Form::open([
                                                                                                'class' => 'form-horizontal',
                                                                                                'id' => 'content_form_' . $count,
                                                                                                'route' => 'ManageAddOnsValidation',
                                                                                                'method' => 'POST',
                                                                                            ]) !!}
                                                                                            <input type="hidden" name="name"
                                                                                                value="{{ $configName }}" />
    
                                                                                            <div class="form-group">
                                                                                                <label for="envatouser">Envato
                                                                                                    Email :</label>
                                                                                                <input type="email"
                                                                                                    class="form-control"
                                                                                                    name="envatouser"
                                                                                                    id="envatouser"
                                                                                                    required="required"
                                                                                                    placeholder="Enter Your Envato Email"
                                                                                                    value="{{ old('envatouser') }}">
                                                                                            </div>
                                                                                            <div class="form-group">
                                                                                                <label
                                                                                                    for="purchasecode">Purchase
                                                                                                    Code:</label>
                                                                                                <input type="text"
                                                                                                    class="form-control"
                                                                                                    name="purchase_code"
                                                                                                    required id="purchasecode"
                                                                                                    placeholder="Enter Your Purchase Code"
                                                                                                    value="{{ old('purchase_code') }}">
                                                                                            </div>
                                                                                            <div class="form-group">
                                                                                                <label
                                                                                                    for="domain">Installation
                                                                                                    Domain:</label>
                                                                                                <input type="text"
                                                                                                    class="form-control"
                                                                                                    name="installationdomain"
                                                                                                    required="required"
                                                                                                    placeholder="Enter Your Installation Domain"
                                                                                                    value="{{ url('/') }}"
                                                                                                    readonly>
                                                                                            </div>
                                                                                            <div class="row mt-40">
                                                                                                <div
                                                                                                    class="col-lg-12 text-center">
                                                                                                    <button
                                                                                                        class="primary-btn fix-gr-bg"
                                                                                                        type="submit">
                                                                                                        <span
                                                                                                            class="ti-check"></span>
                                                                                                        @lang('common.verify')
                                                                                                    </button>
                                                                                                </div>
                                                                                            </div>
                                                                                            {{ Form::close() }}
    
                                                                                            @push('script')
                                                                                                <script>
                                                                                                    _formValidation('content_form_{{ $count }}');
                                                                                                </script>
                                                                                            @endpush
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @else
                                                            <div id="waiting_loader"
                                                                class="waiting_loader{{ $module->name }}">
                                                                <img src="{{ asset('/backEnd/img/demo_wait.gif') }}"
                                                                    width="44" height="44" /><br>
                                                                @if (moduleStatusCheck($module->name))
                                                                    Uninstalling..
                                                                @else
                                                                    Installing..
                                                                @endif
                                                            </div>
                                                            @if (!Illuminate\Support\Facades\Config::get('app.app_sync'))
                                                                <label
                                                                    class="switch_toggle module_switch_label{{ $module->name }}">
                                                                    <input type="checkbox" data-id="{{ $module->name }}"
                                                                        id="ch{{ $module->name }}"
                                                                        class="switch-input1 module_switch"
                                                                        {{ moduleStatusCheck($module->name) == false ? '' : 'checked' }}>
                                                                    <span class="slider round"></span>
                                                                </label>
                                                            @endif
                                                            @if (Illuminate\Support\Facades\Config::get('app.app_sync'))
                                                                <label class="switch_toggle  module_switch_demo">
                                                                    <input type="checkbox" onClick="module_switch_demo()"
                                                                        class="switch-input1 module_switch_demo"
                                                                        {{ moduleStatusCheck($module->name) == false ? '' : 'checked' }}>
                                                                    <span class="slider round"></span>
                                                                </label>
                                                            @endif
                                                        @endif
                                                    </td>
                                                    {{--                                        @endif --}}
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Module Add Modal Start Here -->
        <div class="modal fade admin-query" id="add_to_do">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">@lang('common.upload_or_update_module')</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body">
                        <div class="container-fluid">
                            {{ Form::open(['class' => 'form-horizontal', 'files' => true, 'route' => 'moduleFileUpload', 'method' => 'POST', 'enctype' => 'multipart/form-data', 'onsubmit' => 'return validateToDoForm()']) }}
                            <div class="row">
                                <div class="col-lg-12">
                                    {{-- <div class="row no-gutters input-right-icon mb-20">
                                        <div class="col">
                                            <div class="primary_input">
                                                
                                                
                                                @if ($errors->has('module_file'))
                                                    <span class="text-danger" >
                                                        {{ $errors->first('module_file') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <button class="primary-btn-small-input" type="button">
                                                <label class="primary-btn small fix-gr-bg"
                                                       for="upload_content_file">@lang('common.browse')</label>

                                                <input type="file" class="d-none form-control" name="module_file"
                                                       id="upload_content_file">
                                            </button>
                                        </div>
                                    </div> --}}

                                </div>
                                <div class="col-lg-12 mt-15">
                                    <div class="primary_input">
                                        <div class="primary_file_uploader">

                                            <input
                                                class="primary_input_field form-control {{ $errors->has('module_file') ? ' is-invalid' : '' }}"
                                                readonly="true" type="text"
                                                placeholder="{{ isset($editData->upload_file) && @$editData->upload_file != '' ? getFilePath3(@$editData->upload_file) : trans('common.file') . ' *' }}"
                                                id="placeholderInput">
                                            <button class="" type="button">
                                                <label class="primary-btn small fix-gr-bg"
                                                    for="browseFile">{{ __('common.browse') }}</label>
                                                <input type="file" class="d-none" name="module_file" id="browseFile">
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12 text-center">
                                    <div class="mt-40 d-flex justify-content-between">
                                        <button type="button" class="primary-btn tr-bg"
                                            data-dismiss="modal">@lang('common.cancel')</button>
                                        <input class="primary-btn fix-gr-bg submit" type="submit"
                                            value="@lang('common.submit')">
                                    </div>
                                </div>

                            </div>
                            {{ Form::close() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Module Add Modal End Here -->
    </section>
@endsection
@push('script')
    <script>
        function module_switch_demo() {
            toastr.warning("This function disabled for demo mode");
        }

        $(document).on('click', '.module_switch', function() {
            var url = $("#url").val();
            var module = $(this).data('id');

            $.ajax({
                type: "GET",
                dataType: "json",
                beforeSend: function() {
                    $(".module_switch_label" + module).hide();
                    $(".waiting_loader" + module).show();
                },
                url: url + "/" + "manage-adons-enable/" + module,
                success: function(data) {
                    $(".waiting_loader" + module).hide();
                    $(".module_switch_label" + module).show();
                    if (data["success"]) {
                        if (data["data"] == "enable") {
                            $(`.${module}`).removeClass("bg-warning");
                            $(`.${module}`).addClass("bg-success");
                            $(`.${module}`).text("Enable");
                        } else {
                            $(`.${module}`).removeClass("bg-success");
                            $(`.${module}`).addClass("bg-warning");
                            $(`.${module}`).text("Disable");
                        }
                        toastr.success(data["success"], "Success Alert");
                        location.reload();
                    } else {
                        toastr.error(data["error"], "Faild Alert");
                    }
                },
                error: function(data) {
                    console.log("Error:", data["error"]);
                },
            })
        })
    </script>
@endpush