@extends('layouts.app')


{{--Important Variable--}}

@php
$moduleName =  __('lang.department');
$createItemName = __('lang.create') . $moduleName;

$breadcrumbMainName = $moduleName;
$breadcrumbCurrentName =__('lang.all');

$breadcrumbMainIcon = "fas fa-building";
$breadcrumbCurrentIcon = "format_list_bulleted";

$ModelName = 'App\Models\Department';
$ParentRouteName = 'department';


$all                    = checkRolePermission('Department.All');
$create                 = checkRolePermission('Department.Create');
$delete                 = checkRolePermission('Department.Delete');
$edit                   = checkRolePermission('Department.Edit');
$permanently_delete     = checkRolePermission('Department.PermanentlyDelete');
$restore                = checkRolePermission('Department.Restore');
$trash_show             = checkRolePermission('Department.TrashShow');
@endphp


@section('title')
    {{ $moduleName }} -> {{ $breadcrumbCurrentName }}
@stop

@section('top-bar')
    @include('includes.top-bar')
@stop
@section('left-sidebar')
    @include('includes.left-sidebar')
@stop
@section('content')


    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="block-header pull-right">
                    <a @if ($create==0) class="dis-none" @endif class="btn btn-sm btn-info waves-effect" href="{{ route($ParentRouteName.'.create') }}">
                        {{__('lang.create')}}
                    </a>
                </div>

                <ol class="breadcrumb breadcrumb-col-cyan pull-left">
                    <li><a href="{{ route('dashboard') }}"><i class="material-icons">home</i> {{__('lang.home')}}</a></li>
                    <li><a href="{{ route($ParentRouteName) }}"><i
                                    class="{{ $breadcrumbMainIcon  }}"></i>{{ $breadcrumbMainName  }}</a></li>
                    <li class="active"><i
                                class="material-icons">{{ $breadcrumbCurrentIcon }}</i>{{ $breadcrumbCurrentName }}</li>
                </ol>
            </div>
            
            <!-- Hover Rows -->
            <div class="card">
                <div class="header card-header-padding">
                    <h4>{{__('lang.search_criteria')}}</h4>
                    <hr>
                    <div class="body">
                        <form class="form" method="get" action="{{ route($ParentRouteName) }}">
                            @csrf
                                <!-- Department Name Filter -->
                            <div class="row">
                                <div class="col-lg-6 col-md-4 col-sm-4 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line focused">
                                            <select data-live-search="true" class="form-control show-tick"
                                                id="payment_type" name="department_name">
                                                <option value="">{{__('lang.select_department')}}</option>
                                                @foreach ($department as $depart)
                                                    <option @if ($depart->department_name == request()->get('department_name'))
                                                    selected
                                                    @endif  value="{{ $depart->department_name }}">{{ $depart->department_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            <label class="form-label">{{__('lang.department')}}</label>
                                        </div>
                                    </div>
                                </div>
                                <!-- Payment Status Filter -->
                                <div class="col-lg-6 col-md-4 col-sm-4 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line focused">
                                            <select data-live-search="true" class="form-control show-tick"
                                                id="payment_type" name="code">
                                                <option value="">{{__('lang.select_code')}}</option>
                                                @foreach ($department as $depart)
                                                    <option @if ($depart->department_code == request()->get('code'))
                                                    selected
                                                    @endif  value="{{ $depart->department_code }}">{{ $depart->department_code }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            <label class="form-label">{{__('lang.select_code')}}</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12  margin-buttom-zero">
                                    <div class="form-line focused pull-right">
                                        <button type="submit" class="btn btn-primary m-t-15 waves-effect">
                                            {{__('lang.search')}}
                                        </button>
                                        <a class="btn m-t-15 btn-default waves-effect" href="javascript:void(0)"
                                            onclick="clearForm(this)">{{__('lang.clear')}}</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="row clearfix">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            
                    <div class="card">
                        <div class="header">
                            

                            <a class="btn btn-xs btn-info waves-effect"
                               href="{{ route($ParentRouteName)  }}">{{__('lang.all')}}({{ $ModelName::all()->count() }})</a>

                            <a @if ($trash_show==0)

                               class="dis-none"

                               @endif class="btn btn-xs btn-danger waves-effect text-black"
                               href="{{ route($ParentRouteName.'.trashed') }}">{{__('lang.trash')}}({{ $ModelName::onlyTrashed()->count()  }}
                                )</a>


                            <ul class="header-dropdown m-r--5">
                                <form class="search" action="{{ route($ParentRouteName.'.active.search') }}"
                                      method="get">
                                    {{ csrf_field() }}
                                    <input autofocus type="search" name="search" class="form-control input-sm "
                                           placeholder="{{__('lang.search')}}"/>
                                </form>
                            </ul>
                        </div>
                        
                        <form class="actionForm" action="{{ route($ParentRouteName.'.active.action') }}"
                              method="get">
                            <div class="row body">
                                <div class="margin-bottom-0 col-md-2 col-lg-2 col-sm-2">
                                    <div class="form-group">
                                        <div class="form-line">
                                            <select class="form-control" name="apply_comand_top" id="">
                                                <option value="0">{{__('lang.select_action')}}</option>
                                                @if ($delete)
                                                    <option value="3">{{__('lang.move_to_trash')}}</option>
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class=" margin-bottom-0 col-md-2 col-lg-2 col-sm-2">
                                    <div class="form-group">
                                        <input class="btn btn-sm btn-info waves-effect" type="submit"
                                               value="{{__('lang.apply')}}"  
                                               name="ApplyTop">
                                    </div>
                                </div>
                                <div class=" margin-bottom-0 col-md-8 col-sm-8 col-xs-8">
                                    <div class="custom-paginate pull-right">
                                        {{ $department->links() }}
                                    </div>
                                </div>
                            </div>
                            <div class="body table-responsive">
                                {{ csrf_field() }}

                                @if( count($department) >0 )
                                    <table class="table table-hover table-bordered table-sm">
                                        <thead>
                                        <tr>
                                            <th style="width: 7%" class="checkbox_custom_style text-center">
                                                <input name="selectTop" type="checkbox" id="md_checkbox_p"
                                                       class="chk-col-cyan"/>
                                                <label for="md_checkbox_p"></label>
                                            </th>
                                            <th style="width: 12%">{{__('lang.id')}}</th>
                                            <th>{{__('lang.code')}}</th>
                                            <th>{{__('lang.name')}}</th>
                                            <th class="option_td_width">{{__('lang.options')}}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                                                                @foreach($department as $item)
                                            <tr>
                                                <th class="text-center">
                                                    <input name="department[id][]" value="{{ $item->id }}"
                                                           type="checkbox" id="md_checkbox_{{ $i }}"
                                                           class="chk-col-cyan selects "/>
                                                    <label for="md_checkbox_{{ $i }}"></label>
                                                </th>
                                                <td>{{ $i }}</td>
                                                <td>{{ $item->department_code }}</td>
                                                <td>{{ $item->department_name }}</td>
                                                
                                                
                                               
                                                <td class="tdTrashAction">

                                                    <div class="dropdown">
                                                        <button
                                                            class="m-b-3 btn btn-xs btn-info waves-effect dropdown-toggle"
                                                            type="button" data-toggle="dropdown" id="dropdownMenuButton">
                                                            <span class="material-icons">widgets</span>
                                                            <span class="caret"></span>
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">


                                                    <a @if ($edit==0)
                                                       class="dis-none"
                                                       @endif class="waves-effect dropdown-item"
                                                       href="{{ route($ParentRouteName.'.edit',['id'=>$item->id]) }}"
                                                       data-toggle="tooltip"
                                                       data-placement="top" title="{{__('lang.edit')}}"><i
                                                                class="material-icons">mode_edit</i><span> {{__('lang.edit')}}</span></a>

                                                    <a @if ($edit==0)
                                                        class="dis-none"
                                                        @endif class="waves-effect dropdown-item"
                                                        href="{{ route($ParentRouteName.'.edit',['id'=>$item->id,'is_view'=> 1]) }}"
                                                        data-toggle="tooltip"
                                                        data-placement="top" title="{{__('lang.edit')}}"><i
                                                                    class="material-icons">pageview</i><span> {{__('lang.view')}}</span></a>
                                                    
                                                    <a @if ($delete==0)
                                                       class="dis-none"
                                                       @endif class="waves-effect dropdown-item"
                                                       href="{{ route($ParentRouteName.'.destroy',['id'=>$item->id]) }}"
                                                       data-toggle="tooltip"
                                                       data-placement="top" title="{{__('lang.trash')}}"> <i
                                                                class="material-icons">delete</i><span>{{__('lang.trash')}}</span></a>
                                                                         
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                                                                @endforeach
                                        <thead>
                                        <tr>
                                            <th class="checkbox_custom_style text-center">
                                                <input name="selectBottom" type="checkbox" id="md_checkbox_footer"
                                                       class="chk-col-cyan"/>
                                                <label for="md_checkbox_footer"></label>
                                            </th>
                                            <th>{{__('lang.id')}}</th>
                                            <th>{{__('lang.code')}}</th>
                                            <th>{{__('lang.name')}}</th>
                                            <th>{{__('lang.options')}}</th>
                                        </tr>
                                        </thead>

                                        </tbody>
                                    </table>
                                @else
                                    <div class="body table-responsive">
                                        <table class="table table-hover table-bordered">
                                            <thead>
                                            <tr>
                                                <th class="text-danger text-center">{{__('lang.there_has_no_data')}}</th>
                                            </tr>
                                            </thead>
                                        </table>
                                    </div>
                                @endif

                            </div>
                            <div class="row body">
                                <div class="m-0 col-md-2 col-lg-2 col-sm-2">
                                    <div class="form-group">
                                        <div class="form-line">
                                            <select class="form-control" name="apply_comand_bottom" id="">
                                                <option value="0">{{__('lang.select_action')}}</option>
                                                @if ($delete)
                                                    <option value="3">{{__('lang.move_to_trash')}}</option>
                                                @endif

                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="margin-bottom-0 col-md-2 col-lg-2 col-sm-2">
                                    <div class="form-group">
                                        <input class="btn btn-sm btn-info waves-effect" type="submit"
                                               value="{{__('lang.apply')}}"  
                                               name="ApplyButtom">
                                    </div>
                                </div>
                                <div class=" margin-bottom-0 col-md-8 col-sm-8 col-xs-8">
                                    <div class="custom-paginate pull-right">
                                        {{ $department->links() }}
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>


                </div>
            </div>
            <!-- #END# Hover Rows -->
        </div>
    </section>

@stop

@push('include-css')
    <!-- Wait Me Css -->
    <link href="{{ loadAsset('asset/plugins/waitme/waitMe.css') }}" rel="stylesheet"/>

    <!-- Colorpicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" rel="stylesheet"/>

    <!-- Dropzone Css -->
    <link href="{{ loadAsset('asset/plugins/dropzone/dropzone.css') }}" rel="stylesheet">

    <!-- Multi Select Css -->
    <link href="{{ loadAsset('asset/plugins/multi-select/css/multi-select.css') }}" rel="stylesheet">

    <!-- Bootstrap Spinner Css -->
    <link href="{{ loadAsset('asset/plugins/jquery-spinner/css/bootstrap-spinner.css') }}" rel="stylesheet">

    <!-- Bootstrap Tagsinput Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}" rel="stylesheet">

    <!-- Bootstrap Select Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-select/css/bootstrap-select.css') }}" rel="stylesheet"/>

    <!-- Bootstrap Material Datetime Picker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css') }}"
          rel="stylesheet"/>

    <!-- Bootstrap DatePicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css') }}" rel="stylesheet"/>
@endpush

@push('include-js')

    {{--<script src="{{ loadAsset('asset/js/pages/ui/modals.js') }}"></script>--}}
    <script src="{{ loadAsset('asset/plugins/autosize/autosize.js') }}"></script>

    <!-- Moment Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/momentjs/moment.js') }}"></script>

    <!-- Bootstrap Material Datetime Picker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js') }}"></script>

    <script src="{{ loadAsset('asset/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js') }}"></script>

    <script src="{{ loadAsset('asset/js/pages/forms/basic-form-elements.js') }}"></script>
    <!-- Autosize Plugin Js -->


    <script>
        @if(Session::has('success'))
            toastr["success"]('{{ Session::get('success') }}');
        @endif
                @if(Session::has('error'))
            toastr["error"]('{{ Session::get('error') }}');
        @endif
                @if ($errors->any())
                @foreach ($errors->all() as $error)
            toastr["error"]('{{ $error }}');
        @endforeach
        @endif
    </script>

    {{--All datagrid --}}
    <script src="{{ loadAsset('asset/js/dataTable.js')  }}"></script>
    <script>
        BaseController.init();
    </script>
@endpush