@extends('layouts.app')

@section('page-title')
    <div class="bg-title d-flex flex-wrap align-items-center justify-content-between">
        <h4 class="page-title">
            <i class="{{ $pageIcon }}"></i> @lang($pageTitle)
        </h4>
        @if($allModules)
            <a href="{{ route('custom-modules.create') }}" class="themeBtn greenBtnSoft">
                <i class="fa fa-refresh"></i> @lang('app.install')/@lang('app.update') @lang('app.module')
            </a>
        @endif
    </div>
@endsection

@push('head-script')
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/switchery/dist/switchery.min.css') }}">
@endpush

@section('content')
    <div class="dash_panel">
        <div class="customCard">
            <h4>@include('sections.module_setting_menu')
            <h4>@lang("app.menu.customModule")</h4>
            
            <ul class="list-group m-t-20" id="files-list">
                <li class="list-group-item">
                    <div class="row">
                        <div class="col-md-2"><strong>@lang('app.name')</strong></div>
                        <div class="col-md-2 text-right"><strong>Envato Purchase code</strong></div>
                        <div class="col-md-2 text-right"><strong>@lang('app.currentVersion')</strong></div>
                        <div class="col-md-2 text-right"><strong>@lang('app.latestVersion')</strong></div>
                        <div class="col-md-2 text-right"><strong>@lang('app.status')</strong></div>
                        <div class="col-md-2 text-right"><strong>@lang('app.action')</strong></div>
                    </div>
                </li>
                
                @php $count = 0; @endphp
                @forelse ($allModules as $key=>$module)
                    <li class="list-group-item" id="file-{{ $count++ }}">
                        <div class="row">
                            <div class="col-md-2">{{ $key }}</div>
                            <div class="col-md-2 text-right">
                                @if(in_array($module, $worksuitePlugins) && config(strtolower($module).'.setting') && config(strtolower($module).'.verification_required'))
                                    @php $fetchSetting = config(strtolower($module).'.setting')::first(); @endphp
                                    {!! $fetchSetting->purchase_code ?? '<a href="javascript:;" class="themeBtn greenBtnSoft themeBtn_sm verify-module" data-module="'. strtolower($module).'">'.__('app.verifyEnvato').'</a>' !!}
                                @endif
                            </div>
                            <div class="col-md-2 text-right">
                                @if (config(strtolower($module).'.setting'))
                                    <label class="label label-info">{{ File::get($module->getPath() . '/version.txt') }}</label>
                                @endif
                            </div>
                            <div class="col-md-2 text-right">
                                @if (config(strtolower($module).'.setting'))
                                    <label class="label label-info">{{ File::get($module->getPath() . '/version.txt') }}</label>
                                @endif
                            </div>
                            <div class="col-md-2 text-right">
                                <div class="switchery-demo">
                                    <input type="checkbox" 
                                        @if(in_array($module, $worksuitePlugins)) checked @endif
                                        class="js-switch change-module-setting"
                                        data-size="small"
                                        data-module-name="{{ $module }}" />
                                </div>
                            </div>
                            <div class="col-md-2 text-right">
                                @if (config(strtolower($module).'.setting'))
                                    <a href="" class="themeBtn greenBtnSoft themeBtn_sm" data-file-no="{{ $module }}">
                                        @lang('app.download') @lang('app.update') <i class="fa fa-download"></i>
                                    </a>
                                @endif
                            </div>
                        </div>
                    </li>
                @empty
                    <div class="text-center">
                        <div class="empty-space" style="height: 200px;">
                            <div class="empty-space-inner">
                                <div class="icon" style="font-size:30px"><i class="icon-layers"></i></div>
                                <div class="title m-b-15">@lang('messages.noModules')</div>
                                <div class="subtitle">
                                    <a href="{{ route('custom-modules.create') }}" class="themeBtn greenBtnSoft">
                                        <i class="fa fa-refresh"></i> @lang('app.install') / @lang('app.update') @lang('app.module')
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforelse
            </ul>
            
            @include('vendor.froiden-envato.update.plugins',['allModules'=> $allModules])
        </div>
    </div>

    {{--Ajax Modal--}}
    <div class="modal fade bs-modal-md in" id="projectCategoryModal" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" id="modal-data-application">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <span class="caption-subject font-red-sunglo bold uppercase" id="modelHeading"></span>
                </div>
                <div class="modal-body">
                    Loading...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn blue">Save changes</button>
                </div>
            </div>
        </div>
    </div>
    {{--Ajax Modal Ends--}}
@endsection

@push('footer-script')
    <script src="{{ asset('plugins/bower_components/switchery/dist/switchery.min.js') }}"></script>
    <script>
        // Switchery
        var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
        $('.js-switch').each(function() {
            new Switchery($(this)[0], $(this).data());
        });

        $('.change-module-setting').change(function () {
            var module = $(this).data('module-name');
            var moduleStatus = $(this).is(':checked') ? 'active' : 'inactive';

            var url = '{{route('custom-modules.update', ':module')}}';
            url = url.replace(':module', module);
            $.easyAjax({
                url: url,
                type: "POST",
                data: { 
                    'id': module, 
                    'status': moduleStatus, 
                    '_method': 'PUT', 
                    '_token': '{{ csrf_token() }}' 
                }
            })
        });

        $('.verify-module').click(function () {
            var module = $(this).data('module');
            var url = '{{route('custom-modules.show', ':module')}}';
            url = url.replace(':module', module);
            $('#modelHeading').html('Verify your purchase');
            $.ajaxModal('#projectCategoryModal', url);
        })
    </script>
@endpush