@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>
    </div>
@endsection

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

@section('content')
    <div class="dash_panel">
        <div class="customCard">
            {{-- @include('sections.admin_setting_menu') --}}
            <h4>@lang($pageTitle)</h4>
            
            <form id="editSettings" class="ajax-form" method="POST">
                @csrf
                
                <div class="row">
                    <div class="col-md-12 m-t-10">
                        <div class="form-group">
                            <div class="checkbox themeCheckbox">
                                <input id="self_task" name="self_task" value="yes"
                                    @if ($global->task_self == 'yes') checked @endif type="checkbox">
                                <label for="self_task">@lang('messages.employeeSelfTask')</label>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-md-12">
                        <h4>@lang('modules.tasks.reminder')</h4>
                    </div>
                    
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>@lang('modules.tasks.preDeadlineReminder') (@lang('app.days'))</label>
                            <input type="number" value="{{ $global->before_days }}" min="0"
                                class="form-control" name="before_days">
                        </div>
                    </div>
                    
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>@lang('modules.tasks.onDeadlineReminder')</label>
                            <div class="radio-list d-flex gap-2 align-items-center">
                                <label class="radio-inline p-0">
                                    <div class="radio radio-info">
                                        <input type="radio" name="on_deadline"
                                            @if ($global->on_deadline == 'yes') checked @endif
                                            id="on_deadline_yes" value="yes">
                                        <label for="on_deadline_yes">@lang('app.yes')</label>
                                    </div>
                                </label>
                                <label class="radio-inline m-0">
                                    <div class="radio radio-info">
                                        <input type="radio" name="on_deadline"
                                            @if ($global->on_deadline == 'no') checked @endif
                                            id="on_deadline_no" value="no">
                                        <label for="on_deadline_no">@lang('app.no')</label>
                                    </div>
                                </label>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>@lang('modules.tasks.postDeadlineReminder') (@lang('app.days'))</label>
                            <input type="number" value="{{ $global->after_days }}" min="0"
                                class="form-control" name="after_days">
                        </div>
                    </div>
                    
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>@lang('modules.tasks.defaultTaskStatus')</label>
                            <select name="default_task_status" class="form-control">
                                @foreach ($taskboardColumns as $item)
                                    <option value="{{ $item->id }}"
                                        @if ($item->id == $global->default_task_status) selected @endif>
                                        {{ $item->column_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    
                    @php
                        $access = hasAccessOf('task_settings');
                    @endphp
                    
                    @if($access['is_write'])
                        <div class="col-md-12">
                            <button class="themeBtn" id="save-form" type="button">
                                @lang('app.save')
                            </button>
                        </div>
                    @endif
                </div>
            </form>
        </div>
    </div>
@endsection

@push('footer-script')
    <script>
        // change task Setting For Setting
        $('#save-form').click(function() {

            $.easyAjax({
                url: '{{ route('task-settings.store') }}',
                container: '#editSettings',
                type: "POST",
                data: $('#editSettings').serialize()
            })

        });
    </script>
@endpush