@extends('layouts.main', ['pageTitle' => $pageTitle ?? 'List Offices'])

@section('main-content')
    @php
        $authUser = $authUser ?? auth()->user();
        $allowMinistrySelection = ($authUser->isAppDev() || empty($authUser->ministry_id));
        $allowDepartmentSelection = ($authUser->isAppDev() || empty($authUser->department_id));
    @endphp

    @include('components.office_list', [
        'inDepartment' => false,
        'dataSourceUrl' => route('office.datalist')
    ])

    @include('components.offices.office-creation-modal')
    @include('components.offices.office-update-modal')


@endsection

@section('more-scripts')
    <script>
        const officeViewUrl = '{{ url('/office/view') }}';
        const officeDeactivationUrl = '{{ url('/office/deactivate') }}';
        const officeActivationUrl = '{{ url('/office/activate') }}';
        const officeUpdateUrl = '{{ url('/office/update') }}';
        const officeEditUrl = '{{ url('/office/edit') }}';
        const DEPARTMENTS_MAP = {!! collect($departments) !!};
        const AGENCIES_MAP = {!! collect($agencies) !!};
        const OLD_DATA = {!! collect(old())  !!};
    </script>
    <script src="{{ asset('js/pages/ministry-department-selector.js') }}"></script>
    <script src="{{ asset('js/pages/list-offices.js') }}"></script>

@endsection