@extends('layouts.app')

<!-- Scripts -->
<!-- Main Content -->
@section('content')
<!-- Your Settings Dashboard -->
<!-- Main content -->
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/iCheck/css/all.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/iCheck/css/line/line.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/bootstrap-switch/css/bootstrap-switch.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/switchery/css/switchery.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/awesome-bootstrap-checkbox/css/awesome-bootstrap-checkbox.css') }}">
    <link rel="stylesheet" href="{{ asset('css/pages/radio_checkbox.css') }}">


    <div class="row">
        @include('proedge.config.adminPanel')
        <div class="col-md-6">
            <div class="panel panel-success panel-border">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <i class="livicon" data-name="doc-portrait" data-size="16" data-loop="true" data-c="#fff" data-hc="#fff"></i> Widget Library
                    </h3>
                    <span class="pull-right">
                        <i class="glyphicon glyphicon-chevron-up showhide clickable"></i>
                        <i class="glyphicon glyphicon-remove removepanel clickable"></i>
                    </span>
                </div>
                <div class="panel-body">
                    <div style="font-size: 20px; margin-bottom: 20px;"><span>Dashboard Widgets</span></div>
                    <div>
                    </div>
                    <div class="col-md-12">
                        <form type="get" id="form_submit" action="{{route('config.addendum_types.add')}}">
                            @foreach($widgets as $widget)
                            @if($widget->IsActive == '1')
                            <div class="todolist_list showactions" style="border: 0px;">
                                <div class="col-md-8 col-sm-8 col-xs-12 nopadmar custom_textbox1">
                                    <div class="todoitemcheck">
                                        <input type="checkbox" class="{{'js-switch-custom'.$widget->id}}" @if($widget->IsShown == '1') checked @endif />
                                    </div>
                                    <div class="todotext todoitem">
                                        {{$widget->Name}}
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-8  pull-right showbtns todoitembtns">
                                    <a class="todoedit">
                                        <span class="glyphicon glyphicon-pencil"></span>
                                    </a>
                                    <span class="striks">|</span>
                                    <a class="tododelete redcolor">
                                        <span class="glyphicon glyphicon-trash"></span>
                                    </a>
                                </div>
                            </div>
                            @endif
                            @endforeach
                        </form>
                        <div class="form-horizontal">
                            <div class="form-group">
                                <div class="col-md-1"></div>
                                <div class="col-md-6">
                                    <label style="font-size: 20px; margin-bottom: 10px;" class="control-label">Available Widget</label>
                                </div>
                                <div class="col-md-5">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-1"></div>
                                <div class="col-md-6">
                                    <select class="form-control col-md-6" name="available">
                                        @foreach($widgets as $widget)
                                        @if($widget->IsActive == '0')
                                        <option value="{{$widget->id}}">{{$widget->Name}}</option>
                                        @endif
                                        @endforeach
                                    </select>                                
                                </div>
                                <div class="col-md-5">
                                    <button class="btn btn-success" style="border-radius: 20px;">+</button>
                                </div>
                            </div>
                        </div>
                        <button class="btn btn-success" style="float: right;">Save</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
</script>
<!-- begining of page level js -->
<script type="text/javascript" src="{{ asset('vendors/iCheck/js/icheck.js') }}"></script>
<script type="text/javascript" src="{{ asset('vendors/bootstrap-switch/js/bootstrap-switch.js') }}"></script>
<script type="text/javascript" src="{{ asset('vendors/switchery/js/switchery.js') }}"></script>
<script type="text/javascript" src="{{ asset('vendors/bootstrap-maxlength/js/bootstrap-maxlength.js') }}"></script>
<script type="text/javascript" src="{{ asset('vendors/card/lib/js/jquery.card.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/pages/radio_checkbox.js') }}"></script>
<!-- end of page level js -->
@endsection