@extends('org.layout.adminPanel')
@section('title', 'Department')
@section('section')
    @php
        $user = !empty($assign_to) ? $assign_to->user : '';
        $permission = !empty($assign_to) ? $assign_to->permissions->toArray() : [];
        // pre(Session::all());
    @endphp
    <a href="{{ route('org.dep.view', compact('subdomain', 'org_location_id')) }}"
        style="text-decoration: none; color:var(--primary)" class="link">Department</a>
    /
    <a href="{{ route('org.dep.assign.view', ['id' => encode($dep->id), 'subdomain' => $subdomain, 'org_location_id' => $org_location_id]) }}"
        style="text-decoration: none; color:var(--primary);" class="link">{{ $dep->name }}</a>
    / Assign / Form
@endsection
@section('css')
    {{-- css --}}
@endsection
@section('content')
    @isset($orgmsg)
        <script>
            alert("{{ $orgmsg }}");
        </script>
    @endisset
    {{-- content --}}
    <div class="container-fluid pt-3 pb-5">
        <div class="container">

            <div class="text-center py-2">
                <h2>{{ $dep->name }} - Manager</h2>
                <p>Department Manager</p>
            </div>

            <div class="form-wrapper mx-auto">
                @if (!empty(Session::get('err')))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <strong>Not assign:</strong> <br>{{ Session::get('err') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
                <form action="{{ route('org.dep.assign.store', compact('subdomain')) }}" method="post">
                    @csrf
                    <input type="hidden" name="is_edit" value="{{ $id ?? '' }}">
                    <input type="hidden" name="dep_id" value="{{ encode($dep->id) }}">
                    <input type="hidden" name="org_location_id" value="{{ $org_location_id }}">
                    <input type="hidden" name="is_record" value="{{ $is_record }}">
                    <input type="hidden" name="is_assign" value="{{ !empty($assign_to) ? encode($assign_to->id) : '' }}">

                    {{-- <div class="mb-3 hr" aria-label="Admin info"></div> --}}
                    @if (empty($assign_to))
                        <div class="searchWrapper">
                            <div class="searchContainer">
                                <button class="search-box" type="button" id="userSearchButton">
                                    <i class="bi bi-search"></i>
                                </button>
                                <input type="text" id="searchinput" placeholder="Search by email">
                            </div>
                            <div class="searchResultContainer d-none">
                                <ul class="record-list m-0" id="searchList">
                                </ul>
                            </div>
                        </div>
                        <center>
                            <i><small>Type and click magnifying glass to search for existing user</small></i>
                        </center>
                        <br>
                        <p class="text-center m-0">or add new user</p>
                        {{-- <br> --}}
                        {{-- <div class="position-relative d-flex align-items-center justify-content-center">
                            <div class="hr position-absolute"></div>
                            <h5 class="position-absolute m-0 bg-light px-3">OR</h5>
                        </div> --}}
                        <br>
                    @endif

                    @if (!isset($id))
                        <div class="mb-3">
                            <label for="firstname" class="form-label">First name</label>
                            <input type="text" class="form-control" id="firstname" name="firstname"
                                value="{{ $user->first_name ?? '' }}{{ old('firstname') }}"
                                {{ !empty($assign_to) ? 'disabled' : '' }}>
                        </div>
                        @error('firstname')
                            <div class="alert alert-danger p-0 px-2" role="alert">
                                {{ $message }}
                            </div>
                        @enderror
                        <div class="mb-3">
                            <label for="lastname" class="form-label">Last name</label>
                            <input type="text" class="form-control" id="lastname" name="lastname"
                                value="{{ $user->last_name ?? '' }}{{ old('lastname') }}"
                                {{ !empty($assign_to) ? 'disabled' : '' }}>
                        </div>
                        @error('lastname')
                            <div class="alert alert-danger p-0 px-2" role="alert">
                                {{ $message }}
                            </div>
                        @enderror
                        <div class="mb-3">
                            <label for="email" class="form-label">Email</label>
                            <input type="email" class="form-control" id="email" name="email"
                                value="{{ $user->email ?? '' }}{{ old('email') }}"
                                {{ !empty($assign_to) ? 'disabled' : '' }}>
                        </div>
                        @error('email')
                            <div class="alert alert-danger p-0 px-2" role="alert">
                                {{ $message }}
                            </div>
                        @enderror
                        <x-permission-panel :role="\App\Models\User::$DEP_MANAGER" :permission="$permission" />
                    @endif
                    <div class="d-flex justify-content-end">
                        <button type="submit" class="button btn-primary">{{ $btn ?? 'Save' }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @php
        if (empty($assign_to)) {
            $ORGID = Session::get('org_id') ?? '';
            if (empty($ORGID)) {
                $ORGINFO = Helper::navigationPath(decode($org_location_id), 'division');
                $ORGID = $ORGINFO['organisation']['id'];
            }
        }
    @endphp
@endsection
@section('js')
    {{-- js --}}
    @if (empty($assign_to))
        <script>
            const userSearchURL = "{{ route('org.search.user', compact('subdomain')) }}";
            const org_id = "{{ encode($ORGID) }}";
            const preloader = `<x-pre-loader :uibLoader="['size'=>'24px']" />`;
        </script>
        <script src="{{ asset(ADMINJS) }}/layout/searchbar.js"></script>
    @endif
@endsection