@extends('org.layout.adminPanel')
@section('title', 'Projects')
@section('section')
    @php
        $with = [
            'subdomain' => $subdomain,
            'id' => encode($item->id),
        ];
        $user = !empty($assign_to) ? $assign_to->user : '';
        $permission = !empty($assign_to) ? $assign_to->permissions->toArray() : [];
    @endphp
    <a href="{{ route('org.item.assign.view', ['subdomain' => $subdomain, 'id' => encode($item->id)]) }}"
        class="link">Back</a>
    /
    {{ $item->name }}
    / 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>{{ $item->name }} - Reviewer</h2>
                <p>Reviewer</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.item.assign.store', compact('subdomain')) }}" method="post">
                    @csrf
                    <input type="hidden" name="is_edit" value="{{ $id ?? '' }}">
                    <input type="hidden" name="item_id" value="{{ encode($item->id) }}">
                    <input type="hidden" name="folder_id" value="{{ encode($item->folder_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</p>
                        <center><b>Add new user</b></center>
                        <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
                        @if (empty($assign_to))
                            <div class="mb-3">
                                <label for="type" class="form-label">Account type</label>
                                <select name="account_type" id="type" style="border-radius: .6em;">
                                    <option value="USER">User</option>
                                    <option value="GUEST">Guest</option>
                                </select>
                            </div>
                        @endif
                        <x-permission-panel :role="\App\Models\User::$REVIEWER" :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($item->folder_id, 'folder');
                $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