@extends('layouts.app')

@section('page-title')
    <div class="bg-title">
        <h4 class="page-title">
            <i class="{{ $pageIcon }}"></i> @lang($pageTitle)
        </h4>
    </div>
@endsection

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

@section('content')
{{-- @include('sections.admin_setting_menu') --}}

    <div class="dash_panel">
        <div class="customCard">
            <h4>@lang('app.update') @lang('app.menu.projectSettings')</h4>
            
            @if(hasAccessOf('project_settings')['is_write'])
            <form id="editSettings" class="ajax-form" method="POST">
                @csrf
                @method('PUT')
                
                <div class="form-group">
                    <label class="control-label">
                        @lang('modules.accountSettings.sendReminder')
                        <a class="mytooltip" href="javascript:void(0)">
                            <i class="fa fa-info-circle"></i>
                            <span class="tooltip-content5">
                                <span class="tooltip-text3">
                                    <span class="tooltip-inner2">
                                        @lang('modules.accountSettings.sendReminderInfo')
                                    </span>
                                </span>
                            </span>
                        </a>
                    </label>
                    <div class="switchery-demo">
                        <input 
                            type="checkbox" 
                            id="send_reminder" 
                            name="send_reminder"
                            @if ($projectSetting->send_reminder == 'yes') checked @endif 
                            class="js-switch"
                            data-color="#00c292" 
                            data-secondary-color="#f96262" />
                    </div>
                </div>

                <div class="row @if ($projectSetting->send_reminder == 'no') hide @endif p-b-15" id="send_reminder_div">
                    <div class="col-md-12">
                        <label>@lang('modules.projectSettings.sendNotificationsTo')</label>
                        <div class="form-group">
                            <div id="remind_to">
                                <div class="checkbox themeCheckbox checkbox-inline m-r-10">
                                    <input 
                                        id="send_reminder_admin" 
                                        name="remind_to[]" 
                                        value="admins"
                                        @if (in_array('admins', $projectSetting->remind_to) != false) checked @endif 
                                        type="checkbox">
                                    <label for="send_reminder_admin">@lang('modules.messages.admins')</label>
                                </div>
                                <div class="checkbox themeCheckbox checkbox-inline">
                                    <input 
                                        id="send_reminder_member" 
                                        name="remind_to[]" 
                                        value="members"
                                        @if (in_array('members', $projectSetting->remind_to) != false) checked @endif 
                                        type="checkbox">
                                    <label for="send_reminder_member">@lang('modules.messages.members')</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-xs-6 col-md-3">
                        <div class="form-group">
                            <label>@lang('modules.events.remindBefore')</label>
                            <input 
                                type="number" 
                                min="1" 
                                value="{{ $projectSetting->remind_time }}"
                                name="remind_time" 
                                class="form-control">
                        </div>
                    </div>
                    
                    <div class="col-xs-6 col-md-3">
                        <div class="form-group">
                            <label>&nbsp;</label>
                            <input 
                                type="text" 
                                readonly 
                                value="{{ $projectSetting->remind_type }}"
                                name="remind_type" 
                                class="form-control">
                        </div>
                    </div>
                </div>
                
                <button 
                    type="submit" 
                    id="save-form" 
                    class="themeBtn">
                    @lang('app.update')
                </button>
            </form>
            @endif
        </div>
    </div>
@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());
        });

        var changeCheckbox = document.getElementById('send_reminder');

        changeCheckbox.onchange = function() {
            if (changeCheckbox.checked) {
                $('#send_reminder_div').removeClass('hide');
            } else {
                $('#send_reminder_div').addClass('hide');
            }
        };

        $('#save-form').click(function() {
            $.easyAjax({
                url: '{{ route('project-settings.update', ['1']) }}',
                container: '#editSettings',
                type: "POST",
                redirect: true,
                data: $('#editSettings').serialize()
            })
        });

        $('.checkbox').change(function() {
            $(this).siblings('.help-block').remove();
            $(this).parents('.form-group').removeClass('has-error');
        });

        $('#reset').click(function() {
            $('#remind_time').val('{{ $projectSetting->remind_time }}').trigger('change');
        })
    </script>
@endpush