@extends('layouts.base_portal')

@section('inner_content')
    <div class="row">
        <div class="col">
            <div class="row m-t-20">
                <div class="col-8">
                    {{--@foreach($departments as $department)--}}
                        {{--<div class="row m-b-10 parentContainer">--}}
                            {{--<div class="col m-b-5">--}}
                                {{--<div class="row bg-white no-margin">--}}
                                    {{--<div class="col p-t-5 p-b-5 b-b b-grey">--}}
                                        {{--<div class="row">--}}
                                            {{--<div class="col">--}}
                                                {{--<div class="row">--}}
                                                    {{--<div class="col">--}}
                                                        {{--<p class="fs-14 semi-bold no-margin">{{$department['info']->name}}</p>--}}
                                                    {{--</div>--}}
                                                {{--</div>--}}
                                                {{--<div class="row">--}}
                                                    {{--<div class="col">--}}
                                                        {{--<small class="p-r-5 m-r-5 @if($department['info']->description !== null) b-r @endif b-grey muted">{{sprintf('%02d', count($department['designations']))}} Designations</small>--}}
                                                        {{--<small class="muted">{{$department['info']->description}}</small>--}}
                                                    {{--</div>--}}
                                                {{--</div>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                    {{--<div class="col-auto">--}}
                                        {{--<div class="row h-100">--}}
                                            {{--<div class="col-auto text-right bg-danger">--}}
                                                {{--<a href="#" class="requestDelete">--}}
                                                    {{--<div class="row link align-items-center justify-content-center h-100" data-toggle="tooltip" title="Delete" data-placement="bottom">--}}
                                                        {{--<div class="col">--}}
                                                            {{--<i class="fa fa-trash text-white"></i>--}}
                                                        {{--</div>--}}
                                                    {{--</div>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                            {{--<div class="col-auto text-right bg-info">--}}
                                                {{--<a href="#" class="toggleEditButton">--}}
                                                    {{--<div class="row link align-items-center justify-content-center h-100" data-toggle="tooltip" title="Edit" data-placement="bottom">--}}
                                                        {{--<div class="col">--}}
                                                            {{--<i class="fa fa-pencil text-white"></i>--}}
                                                        {{--</div>--}}
                                                    {{--</div>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                            {{--<div class="col-auto text-right bg-master">--}}
                                                {{--<a href="#">--}}
                                                    {{--<div class="row link align-items-center justify-content-center h-100" data-toggle="tooltip" title="Details" data-placement="bottom">--}}
                                                        {{--<div class="col">--}}
                                                            {{--<i class="fa fa-chevron-right text-white"></i>--}}
                                                        {{--</div>--}}
                                                    {{--</div>--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="modal fade stick-up deleteModal">--}}
                                    {{--<div class="modal-dialog modal-sm">--}}
                                        {{--<div class="modal-content-wrapper">--}}
                                            {{--<div class="modal-content">--}}
                                                {{--<div class="modal-header clearfix text-left">--}}
                                                    {{--<button type="button" class="close" data-dismiss="modal">--}}
                                                        {{--<i class="fa fa-times fs-14"></i>--}}
                                                    {{--</button>--}}
                                                    {{--<h6>Remove Department</h6>--}}
                                                {{--</div>--}}
                                                {{--<div class="modal-body">--}}
                                                    {{--<p class="no-margin">Are you sure you want to remove this department?</p>--}}
                                                {{--</div>--}}
                                                {{--<div class="modal-footer">--}}
                                                    {{--<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">--}}
                                                        {{--Cancel--}}
                                                    {{--</button>--}}
                                                    {{--<form method="post">--}}
                                                        {{--<input name="_token" type="hidden" value="{{ csrf_token() }}">--}}
                                                        {{--<input name="id" type="hidden" value="">--}}
                                                        {{--<button class="btn btn-sm btn-danger">Remove Department</button>--}}
                                                    {{--</form>--}}
                                                {{--</div>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="row no-margin bg-white p-t-15 p-b-15 editContainer" style="display: none;">--}}
                                    {{--<div class="col">--}}
                                        {{--<div class="row">--}}
                                            {{--<div class="col">--}}
                                                {{--<form method="post" class="editDepartmentForm" action="{{route('settings.departments.edit', ['id' => $department['info']->id])}}">--}}
                                                    {{--<div class="row m-b-10">--}}
                                                        {{--<div class="col no-padding">--}}
                                                            {{--<small class="muted all-caps fs-10 b-l b-grey p-l-10">Basic Information</small>--}}
                                                        {{--</div>--}}
                                                    {{--</div>--}}
                                                    {{--<div class="form-group form-group-default">--}}
                                                        {{--<label class="muted">Department Name</label>--}}
                                                        {{--<input class="form-control" name="name" value="{{$department['info']->name}}" original-value="{{$department['info']->name}}">--}}
                                                    {{--</div>--}}
                                                    {{--<div class="form-group form-group-default no-margin">--}}
                                                        {{--<label class="muted">Description</label>--}}
                                                        {{--<textarea class="form-control" name="description" style=" height: 70px;" original-value="{{$department['info']->description}}">{{$department['info']->description}}</textarea>--}}
                                                    {{--</div>--}}
                                                    {{--<div class="row m-t-10">--}}
                                                        {{--<div class="col text-right no-padding">--}}
                                                            {{--{{csrf_field()}}--}}
                                                            {{--<button class="btn btn-xs btn-success b-rad-none">Save Changes</button>--}}
                                                        {{--</div>--}}
                                                    {{--</div>--}}
                                                {{--</form>--}}
                                            {{--</div>--}}
                                            {{--<div class="col">--}}
                                                {{--<div class="row m-b-10">--}}
                                                    {{--<div class="col">--}}
                                                        {{--<small class="muted all-caps fs-10 b-l b-grey p-l-10">Department's Designations</small>--}}
                                                    {{--</div>--}}
                                                {{--</div>--}}
                                                {{--<div class="row">--}}
                                                    {{--<div class="col">--}}
                                                        {{--<div class="row p-t-10 p-b-10 b-b b-grey hover-parent no-margin hide" id="contactRowRef">--}}
                                                            {{--<div class="col no-padding">--}}
                                                                {{--<div class="row">--}}
                                                                    {{--<div class="col inlineParent">--}}
                                                                        {{--<div class="row inlineInfo">--}}
                                                                            {{--<div class="col-7 overflow-ellipsis">--}}
                                                                                {{--<p class="no-margin fs-11">--}}
                                                                                    {{--<span class="label m-r-10 fs-10 all-caps contactTypeText"></span>--}}
                                                                                    {{--<span class="contactName"></span>--}}
                                                                                {{--</p>--}}
                                                                            {{--</div>--}}
                                                                            {{--<div class="col">--}}
                                                                                {{--<p class="no-margin textContainer">--}}
                                                                                    {{--<span class="text fs-11 text-complete contactNumberText"></span>--}}
                                                                                {{--</p>--}}
                                                                            {{--</div>--}}
                                                                            {{--<div class="col-auto">--}}
                                                                                {{--<div class="text-complete hover-item inlineEdit inline">--}}
                                                                                    {{--<i class="fa fa-pencil fs-14 pointer"></i>--}}
                                                                                {{--</div>--}}
                                                                                {{--<div class="text-danger hover-item inline m-l-5">--}}
                                                                                    {{--<i class="fa fa-trash fs-14 inlineDelete pointer"></i>--}}
                                                                                {{--</div>--}}
                                                                            {{--</div>--}}
                                                                        {{--</div>--}}
                                                                        {{--<div class="modal fade stick-up inlineModal">--}}
                                                                            {{--<div class="modal-dialog modal-sm">--}}
                                                                                {{--<div class="modal-content-wrapper">--}}
                                                                                    {{--<div class="modal-content">--}}
                                                                                        {{--<div class="modal-header clearfix text-left">--}}
                                                                                            {{--<button type="button" class="close" data-dismiss="modal" ><i class="fa fa-times fs-14"></i></button>--}}
                                                                                            {{--<h5>Delete Contact</h5>--}}
                                                                                        {{--</div>--}}
                                                                                        {{--<div class="modal-body">--}}
                                                                                            {{--<p class="no-margin">Are sure you want to delete this emergency contact?</p>--}}
                                                                                        {{--</div>--}}
                                                                                        {{--<div class="modal-footer">--}}
                                                                                            {{--<button type="button" class="btn btn-default btn-xs btn-cons no-margin pull-left inline" data-dismiss="modal">Cancel</button>--}}
                                                                                            {{--<button type="button" class="btn btn-danger btn-xs btn-cons  pull-left inline confirmContactDelete" data-id="" data-dismiss="modal">Delete</button>--}}
                                                                                        {{--</div>--}}
                                                                                    {{--</div>--}}
                                                                                {{--</div>--}}
                                                                                {{--<!-- /.modal-content -->--}}
                                                                            {{--</div>--}}
                                                                            {{--<!-- /.modal-dialog -->--}}
                                                                        {{--</div>--}}
                                                                        {{--<div class="row inlineForm" >--}}
                                                                            {{--<div class="col">--}}
                                                                                {{--<div class="row">--}}
                                                                                    {{--<div class="col text-right">--}}
                                                                                        {{--<input type="hidden" name="contact_id" value="">--}}
                                                                                        {{--<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>--}}
                                                                                        {{--<button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit">Save</button>--}}
                                                                                    {{--</div>--}}
                                                                                {{--</div>--}}
                                                                            {{--</div>--}}
                                                                        {{--</div>--}}
                                                                    {{--</div>--}}
                                                                {{--</div>--}}
                                                            {{--</div>--}}
                                                        {{--</div>--}}
                                                        {{--@if(count($department['designations']))--}}
                                                            {{--@foreach($department['designations'] as $designation)--}}
                                                                {{--<div class="row m-b-5 bg-master-lightest hover-parent m-l-0 m-r-0">--}}
                                                                    {{--<div class="col">--}}
                                                                        {{--<div class="row">--}}
                                                                            {{--<div class="col">--}}
                                                                                {{--<div class="row inlineInfo">--}}
                                                                                    {{--<div class="col overflow-ellipsis">--}}
                                                                                        {{--<small class="no-margin fs-12 muted">{{$designation->name}}</small>--}}
                                                                                    {{--</div>--}}
                                                                                    {{--<div class="col-auto">--}}
                                                                                        {{--<div class="row">--}}
                                                                                            {{--<div class="col-auto text-danger-light link p-r-10 p-l-10 p-t-5 p-b-5 bg-master-lighter pointer">--}}
                                                                                                {{--<i class="fa fa-trash fs-14 inlineDelete"></i>--}}
                                                                                            {{--</div>--}}
                                                                                            {{--<div class="col-auto text-complete link inlineEdit p-r-10 p-l-10 p-t-5 p-b-5 bg-master-light pointer">--}}
                                                                                                {{--<i class="fa fa-pencil fs-14"></i>--}}
                                                                                            {{--</div>--}}
                                                                                        {{--</div>--}}
                                                                                    {{--</div>--}}
                                                                                {{--</div>--}}
                                                                                {{--<div class="modal fade stick-up inlineModal">--}}
                                                                                    {{--<div class="modal-dialog modal-sm">--}}
                                                                                        {{--<div class="modal-content-wrapper">--}}
                                                                                            {{--<div class="modal-content">--}}
                                                                                                {{--<div class="modal-header clearfix text-left">--}}
                                                                                                    {{--<button type="button" class="close" data-dismiss="modal"><i class="fa fa-times fs-14"></i>--}}
                                                                                                    {{--</button>--}}
                                                                                                    {{--<h5>Delete Contact</h5>--}}
                                                                                                {{--</div>--}}
                                                                                                {{--<div class="modal-body">--}}
                                                                                                    {{--<p class="no-margin">Are sure you want to delete this emergency contact?</p>--}}
                                                                                                {{--</div>--}}
                                                                                                {{--<div class="modal-footer">--}}
                                                                                                    {{--<button type="button" class="btn btn-default btn-xs btn-cons no-margin pull-left inline" data-dismiss="modal">Cancel</button>--}}
                                                                                                    {{--<button type="button" class="btn btn-danger btn-xs btn-cons  pull-left inline confirmContactDelete" data-id="" data-dismiss="modal">Delete</button>--}}
                                                                                                {{--</div>--}}
                                                                                            {{--</div>--}}
                                                                                        {{--</div>--}}
                                                                                        {{--<!-- /.modal-content -->--}}
                                                                                    {{--</div>--}}
                                                                                    {{--<!-- /.modal-dialog -->--}}
                                                                                {{--</div>--}}
                                                                                {{--<div class="row inlineForm" style="display: none;">--}}
                                                                                    {{--<div class="col">--}}
                                                                                        {{--<div class="row">--}}
                                                                                            {{--<div class="col text-right">--}}
                                                                                                {{--<input type="hidden" name="contact_id">--}}
                                                                                                {{--<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>--}}
                                                                                                {{--<button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit">Save</button>--}}
                                                                                            {{--</div>--}}
                                                                                        {{--</div>--}}
                                                                                    {{--</div>--}}
                                                                                {{--</div>--}}
                                                                            {{--</div>--}}
                                                                        {{--</div>--}}
                                                                    {{--</div>--}}
                                                                {{--</div>--}}
                                                            {{--@endforeach--}}
                                                        {{--@else--}}
                                                            {{--<div class="row hint-text">--}}
                                                                {{--<div class="col hint-text">--}}
                                                                    {{--<span class="label hint-text p-t-5 p-b-5 fs-10 all-caps">No designations set for this department yet.</span>--}}
                                                                {{--</div>--}}
                                                            {{--</div>--}}
                                                        {{--@endif--}}
                                                        {{--<div class="row p-t-10 p-b-10 hover-parent">--}}
                                                            {{--<div class="col inlineParent">--}}
                                                                {{--<div class="row inlineInfo">--}}
                                                                    {{--<div class="col">--}}
                                                                        {{--<div class="no-margin fs-10">--}}
                                                                            {{--<a href="#" class="inlineEdit">--}}
                                                                                {{--<i class="fa fa-plus padding-5 bg-primary text-white lh-15 inline v-align-middle"></i><span class="p-t-5 p-b-5 p-l-5 p-r-5 bg-primary-light text-white all-caps lh-15 inline v-align-middle">Add Designation</span>--}}
                                                                            {{--</a>--}}

                                                                        {{--</div>--}}
                                                                    {{--</div>--}}
                                                                {{--</div>--}}
                                                                {{--<div class="row inlineForm" >--}}
                                                                    {{--<div class="col">--}}
                                                                        {{--<div class="row">--}}
                                                                            {{--<div class="col text-right">--}}
                                                                                {{--<button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>--}}
                                                                                {{--<button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit" data-type="new">Save</button>--}}
                                                                            {{--</div>--}}
                                                                        {{--</div>--}}
                                                                    {{--</div>--}}
                                                                {{--</div>--}}
                                                            {{--</div>--}}
                                                        {{--</div>--}}
                                                    {{--</div>--}}
                                                {{--</div>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--@endforeach--}}
                    <departments></departments>
                </div>
                <div class="col">
                    <div class="card card-default">
                        <div class="card-block">
                            <div class="row">
                                <div class="col">
                                    <div class="b-l b-success p-l-15 m-b-15" style="border-left-width: 3px;">
                                        <h6 class="bold all-caps no-margin text-success">New Department</h6>
                                        <p class="muted no-margin">Create new departments & designations</p>
                                    </div>
                                </div>
                            </div>
                            <form method="post" >
                                <div class="row">
                                    <div class="col no-padding">
                                        <div class="form-group form-group-default">
                                            <label class="muted">Department Name</label>
                                            <input class="form-control" name="name">
                                        </div>
                                        <div class="form-group form-group-default">
                                            <label class="muted">Description</label>
                                            <textarea class="form-control" name="description" style=" height: 90px; "></textarea>
                                        </div>
                                        <div class="form-group form-group-default">
                                            <label class="muted">Designations <i class="fa fa-question-circle m-l-10 fs-12 " data-toggle="tooltip" data-placement="top" title="Add multiple designations by keying in designation name and press enter"></i></label>
                                            <input class="tagsinput custom-tag-input p-t-10" name="designations" data-role="tagsinput" />
                                        </div>
                                        <div class="row">
                                            <div class="col text-right no-padding">
                                                {{csrf_field()}}
                                                <button class="btn btn-sm btn-success b-rad-none">Add Department</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection