@extends('layouts.main')

@push('styles')
    <link href="{{ asset('elite/bower_components/select2/select2.min.css') }}" rel="stylesheet" />

    <style>
        .no-padding {
            padding: 0px;
        }
    </style>
@endpush

@section('content')
    <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">{{ __('general_settings.general_settings') }}</h4>
        </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('home') }}">{{ __('general_settings.dashboard') }}</a></li>
                <li class="active">{{ __('general_settings.activate_streamline_modules') }}</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            @include('flash::message')
            <div class="white-box">
                <h3><font color="blue">{{ __('general_settings.activate_streamline_modules') }}</font></h3>

                {{ Form::open(['route' => 'streamline_modules.store_activated']) }}

                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        {{-- <h3 class="box-title">{{ __('general_settings.activate_streamline_modules') }}</h3> --}}
                        <div class="table-responsive">
                            <table class="table color-table success-table table-sm">
                                <thead>
                                    <tr>
                                        <th>{{ __('general_settings.check_streamline_modules_to_activate') }} <span class="float-right">{{ __('roles.check_all') }} <input type="checkbox" id="check-all"></span></th>
                                    </tr>
                                </thead>
                                <tbody>    
                                    @foreach($permission_categories as $category)
                                        <tr>
                                            <td>
                                                {{ Form::checkbox('permission_category[]', $category->id, $category->is_module_active == 1 ? true : false, ['class' => "permission_category"]) }}
                                                {{ $category->name }}
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                {{ Form::submit(__('general_settings.activate_streamline_modules'), ["class" => "btn btn-success"])}}

                {{ Form::close() }}
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('elite/js/validator.js') }}"></script>
    <script src="{{ asset('elite/bower_components/select2/select2.min.js') }}"></script>

    <script>
        /* $(document).ready(function(){
            $('#service_id').select2({});
        }); */

        function show(id) {
            if (document.getElementById(id).style.display == 'none')  {
                document.getElementById(id).style.display = '';
            }
        }

        function hide(id) {
            document.getElementById(id).style.display = 'none';
        }

        $("[id^=check-all]").on('click', function () {
            var id = /\d+(?=\D*$)/.exec($(this).attr('id'));

            if ($('.permission_category').is(':checked')) {
                $('.permission_category').removeAttr('checked');
            } else {
                $('.permission_category').prop("checked", true);
            }
        });
    </script>
@endpush