@extends('layouts.admin.app')
@section('title') Settings @stop
@section('style')
    <style>
        .btn-primary-outline {
            background-color: transparent;
            border-color: transparent;
            box-shadow: none;
            padding: 0;
        }

        .tasks .inner {
            padding: 10px 2px !important;
        }
    </style>
    <link rel="stylesheet" href="{{asset('css/app.css')}}">
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('main')
    <section class="content">
        <div class="row" style="margin-bottom:20px;">
            {!! Form::open(['method'=>'POST','action' => 'TaskSettingsController@addEmployee']) !!}
            <div class="col-xs-3">
                {!! Form::select('department',$departmentPluck, null,['class'=>'form-control', 'placeholder'=>'Choose Department']) !!}
                @if ($errors->has('department'))
                    <span class="invalid-feedback">
                            <strong>{{ $errors->first('department') }}</strong>
                        </span>
                @endif
            </div>
            <div class="col-xs-6">
                {!! Form::text('name', null, ['class'=>'form-control', 'placeholder' =>'Employee Name']) !!}
                @if ($errors->has('name'))
                    <span class="invalid-feedback">
                            <strong>{{ $errors->first('name') }}</strong>
                        </span>
                @endif
            </div>
            <div class="col-xs-3">
                <button type="submit" class="btn btn-primary btn-block">Add Employee</button>
            </div>
            {!! Form::close() !!}
        </div>
        <div class="row" style="margin-bottom:20px;">
            {!! Form::open(['method'=>'POST','action' => 'TaskSettingsController@addDepartment']) !!}
            <div class="col-xs-3">
                {!! Form::text('department_name', null, ['class'=>'form-control', 'placeholder' =>'Department Name']) !!}
                @if ($errors->has('department_name'))
                    <span class="invalid-feedback">
                            <strong>{{ $errors->first('department_name') }}</strong>
                        </span>
                @endif
            </div>

            <div class="col-xs-2">
                {!! Form::text('text_color', null, ['class'=>'form-control my-colorpicker', 'placeholder' =>'Font color','autocomplete'=>'off']) !!}
                @if ($errors->has('text_color'))
                    <span class="invalid-feedback">
                            <strong>{{ $errors->first('text_color') }}</strong>
                        </span>
                @endif
            </div>
            <div class="col-xs-2">
                {!! Form::text('background_color', null, ['class'=>'form-control my-colorpicker', 'placeholder' =>'Background color','autocomplete'=>'off']) !!}
                @if ($errors->has('background_color'))
                    <span class="invalid-feedback">
                            <strong>{{ $errors->first('background_color') }}</strong>
                        </span>
                @endif
            </div>
            <div class="col-xs-2">
                {!! Form::text('border_color', null, ['class'=>'form-control my-colorpicker', 'placeholder' =>'Border color','autocomplete'=>'off']) !!}
                @if ($errors->has('border_color'))
                    <span class="invalid-feedback">
                            <strong>{{ $errors->first('border_color') }}</strong>
                        </span>
                @endif
            </div>

            <div class="col-xs-3">
                <button type="submit" class="btn btn-primary btn-block">Add Department</button>
            </div>
            {!! Form::close() !!}
        </div>
        <div id="app">
            <vue-progress-bar></vue-progress-bar>
            <task-settings :department_font_size="{{$department_font_size}}"></task-settings>
        </div>

        <div class="box">
            <div class="box-header">
                <h3 class="box-title">
                    Font Size Settings for Timeline and Calendar
                </h3>
            </div>
            <div class="box-body">
                <div class="row">
                    {!! Form::open(['method'=>'PUT','action' => 'SettingsController@calendar_font_size']) !!}
                    <div class="form-group">
                        <div class="col-md-2">
                            {!! Form::label('calendar_font_size', 'Calendar Font Size') !!}
                        </div>
                        <div class="col-md-6">
                            {!! Form::number('calendar_font_size', $calendar_font_size, ['class'=>'form-control', 'min'=>'10','max'=>'50','required','placeholder'=>'eg. 12']) !!}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <button type="submit" class="btn btn-primary btn-block">Save</button>
                    </div>
                    {!! Form::close() !!}
                </div>
                <div class="row">
                    {!! Form::open(['method'=>'PUT','action' => 'SettingsController@timeline_font_size']) !!}
                    <div class="form-group">
                        <div class="col-md-2">
                            {!! Form::label('timeline_font_size', 'Timeline Font Size') !!}
                        </div>
                        <div class="col-md-6">
                            {!! Form::number('timeline_font_size', $timeline_font_size, ['class'=>'form-control', 'min'=>'10','max'=>'50','required','placeholder'=>'eg. 12']) !!}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <button type="submit" class="btn btn-primary btn-block">Save</button>
                    </div>
                    {!! Form::close() !!}
                </div>

                <div class="row">
                    {!! Form::open(['method'=>'PUT','action' => 'SettingsController@department_font_size']) !!}
                    <div class="form-group">
                        <div class="col-md-2">
                            {!! Form::label('department_font_size', 'Department Font Size') !!}
                        </div>
                        <div class="col-md-6">
                            {!! Form::number('department_font_size', $department_font_size, ['class'=>'form-control', 'min'=>'10','max'=>'50','required','placeholder'=>'eg. 12']) !!}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <button type="submit" class="btn btn-primary btn-block">Save</button>
                    </div>
                    {!! Form::close() !!}
                </div>

            </div>
        </div>
    </section>



@stop
@section('footer')
    <script src="{{asset('js/app.js')}}"></script>
@stop