@extends('layouts.ministry-details-layout', [
    'pageTitle' => $pageTitle ?? "Ministry:: {$ministry->display_name}",
    'pageShortNote' => $pageShortNote ?? '',
    'subTitle' => 'Departments/Agencies',
])

@section('additional-header-content')
    <button type="button" class="btn btn-success float-right" data-toggle="modal" data-target="#createDepartment">Add Department/Agency</button>
@endsection

@section('content')
    @component('components.department.departments-list', [
        'departments' => $departments,
        'showMinistryColumn' => false,
        'ministry' => $ministry,
    ])
    @endcomponent

    <!-- Create User Modal Form -->
    @component('components.department.create-department-modal',  [
        'agencies' => $agencies,
        'allowAgencySelection' => true,
        'allowMinistrySelection' => false,
        'ministries' => null,
        'ministry' => $ministry,
        'departmentCreationRoute' => route('ministry.create_department', ['ministry' => $ministry->id]),
    ])
    @endcomponent

    <!-- Create User Modal Form -->
    @component('components.department.edit-department-modal',  [
        'allowAgencySelection' => true,
        'allowMinistrySelection' => false,
        'agencies' => $agencies,
        'ministries' => null,
        'ministry' => $ministry
    ])
    @endcomponent
@endsection

@section('more-scripts')
    <script type="text/javascript">
        $(document).ready(function() {
            const old = @json(old());
            const oldType = "{{old('type')}}";
            if(oldType === "create"){
                $('#createDepartment').modal('show');
            }
            if(oldType === "edit"){
                const department = {...old};
                if(old.ministry) {
                    department.ministry_id = old.ministry;
                }
                editDepartmentDetails(department);
                $('#editDepartment').modal('show');
            }
        });
    </script>
    <script src="{{ asset('js/pages/list-departments.js') }}"></script>
@endsection