@extends('layouts.admin.index')
@section('content')

@php
    $col = 'col-md-12 col-xl-12 col-xs-12 col-sm-12';
@endphp
<div class="row row-sm">
    @if(create())
    @php
        $col = 'col-md-8 col-xl-8 col-xs-8 col-sm-8';
    @endphp
    <div class="col-md-4 col-xl-4 col-xs-12 col-sm-4">
        <div class="card border custom-card">
            <div class="card-header custom-card-header">
                <h5 class="main-content-label mb-0">{{ trans('cruds.create_department') }}</h5>
                <div class="card-options">
                    <a href="javascript:;" class="card-options-collapse py-0" data-bs-toggle="card-collapse"><i
                            class="fe fe-chevron-up"></i></a>
                    <a href="javascript:;" class="card-options-fullscreen py-0" data-bs-toggle="card-fullscreen"><i
                            class="fe fe-maximize"></i></a>
                    <a href="javascript:;" class="card-options-remove py-0" data-bs-toggle="card-remove"><i
                            class="fe fe-x"></i></a>
                </div>
            </div>
            <div class="card-body">
                <form id="departmentForm" action="{{ route('admin.department.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-12">
                            <label class="form-label">{{__('cruds.department_name')}} (<span
                                class="required">*</span>)
                            </label>
                        <input type="text"
                            class="form-control  {{ $errors->has('department_name') ? 'is-invalid' : '' }}"
                            name="department_name" id="department_name"
                            placeholder="{{__('cruds.department_name')}}" required>
                        @if($errors->has('department_name'))
                        <em class="invalid-feedback">
                            {{ $errors->first('department_name') }}
                        </em>
                        @endif
                        </div>
                    </div>
                    {{-- <div class="row">
                        <div class="col-md-12">
                            <label class="form-label">{{__('cruds.department_short_name')}} (<span
                                class="required">*</span>)
                            </label>
                        <input type="text"
                            class="form-control  {{ $errors->has('department_short_name') ? 'is-invalid' : '' }}"
                            name="department_short_name" id="department_short_name"
                            placeholder="{{__('cruds.department_short_name')}}" required>
                        @if($errors->has('department_short_name'))
                        <em class="invalid-feedback">
                            {{ $errors->first('department_short_name') }}
                        </em>
                        @endif
                        </div>
                    </div> --}}
                    {{-- <div class="row">
                        <div class="col-md-12">
                            <label class="form-label">{{__('cruds.department_description')}}
                            </label>
                            <textarea id="summernote" class="form-control {{ $errors->has('department_description') ? 'is-invalid' : '' }}"
                                name="department_description" id="department_description" placeholder="{{__('cruds.department_description')}}" >{{ isset($department)?$department->department_description:'' }}</textarea>
                            @if($errors->has('department_description'))
                            <em class="invalid-feedback">
                                {{ $errors->first('department_description') }}
                            </em>
                            @endif

                        </div>
                    </div> --}}
                    <div class="row text-center">
                        <div class="col-md-12">
                            <input type="hidden" name="update_id" id="update_id" value="0">
                            <button class="btn ripple btn-success update" type="submit">{{__('cruds.submit')}}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @endif
    <div class="{{ $col }}">
        <div class="card border custom-card">
            <div class="card-header custom-card-header">
                <h5 class="main-content-label mb-0">{{ trans('cruds.department') }}
                    {{ trans('cruds.list') }}</h5>
                <div class="card-options">
                    <a href="javascript:;" class="card-options-collapse py-0" data-bs-toggle="card-collapse"><i
                            class="fe fe-chevron-up"></i></a>
                    <a href="javascript:;" class="card-options-fullscreen py-0" data-bs-toggle="card-fullscreen"><i
                            class="fe fe-maximize"></i></a>
                    <a href="javascript:;" class="card-options-remove py-0" data-bs-toggle="card-remove"><i
                            class="fe fe-x"></i></a>
                </div>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    {{-- <table class="table table-bordered dt-responsive nowrap w-100 datatable"> --}}
                    <table class="table table-bordered dt-responsive1 nowrap w-100 datatable">
                        <thead>
                            <tr>
                                <th width="10">

                                </th>
                                <th>{{ trans('cruds.department_name') }}</th>
                                {{-- <th>{{ trans('cruds.department_short_name') }}</th> --}}
                                <th>
                                    {{ trans('cruds.actions') }}
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($departments as $key => $department)
                            <tr data-entry-id="{{ $department->id }}">
                                <td>

                                </td>

                                <td>{{ $department->department_name ?? '' }}</td>
                                {{-- <td>{{ $department->department_short_name ?? '' }}</td> --}}
                               {{--  <td>{{ isset($department->status)?$department->status->name:'' }}</td>   --}}
                               <td>
                                @if(show())
                                <a class="btn btn-xs btn-primary"
                                    href="{{ route('admin.department.show', $department->id) }}">
                                    <i class="fas fa-eye"></i>
                                </a>
                                @endif

                                @if(edit())
                                <a class="btn btn-xs btn-info editAction" href="javascript:void(0)"
                                    data-table="Department" data-column="id" data-value="{{$department->id}}">
                                    <i class="fas fa-edit"></i>
                                </a>
                                @endif

                                {{-- @if(delete())
                                <form action="{{ route('admin.department.destroy', $department->id) }}" method="POST"
                                    onsubmit="return confirm('{{ trans('cruds.areYouSure') }}');"
                                    style="display: inline-block;">
                                    <input type="hidden" name="_method" value="DELETE">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <button type="submit" class="btn btn-xs btn-danger">
                                        <i class="fas fa-trash"></i></button>
                                </form>
                                @endif --}}
                            </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
@parent
<script>
    $(function() {
        let route = "{{ route('admin.general_settings.department.massDestroy') }}";
        let hasPermission = 0;
        @php if (delete()) {@endphp
        hasPermission = 1;
        @php }@endphp
        deleteSelected(route, hasPermission);
    });

    $(document).on("click", ".editAction", function() {
        let response = editAction(this);
        $("#update_id").val(response.id);
        $("#department_name").val(response.department_name);
        $("#department_short_name").val(response.department_short_name);
        $("#department_description").val(response.department_description);
       // $("#department_status_id").val(response.department_status_id).trigger('change');
        changeSubmitButtonCaption();
        console.log(response.department_description);
    });
</script>

<script>
    validateSummernote('departmentForm');
</script>

@endsection