@extends('org.layout.adminPanel')
@section('title', 'Organisation')
@section('section')
    @php
        $location = $org->locationdata[0];
        $assign_to = $org->locationdata[0]->assignTo;
        $user = !empty($assign_to) ? $assign_to->user : '';
        $permission = !empty($assign_to) ? $assign_to->permissions->toArray() : [];
    @endphp
    <a href="{{ route('org.view', compact('subdomain')) }}" style="text-decoration: none; color:var(--primary);"
        class="link">Organisation</a>
    /
    <a href="{{ route('org.form', ['subdomain' => $subdomain, 'id' => encode($org->id), 'view' => 'organisation']) }}"
        style="text-decoration: none; color:var(--primary);" class="link">{{ $org->name }}</a>
    /
    {{ $location->name }}
    / Assign
@endsection
@section('css')
    {{-- css --}}
    <link rel="stylesheet" href="{{ asset(CSS) }}/datatable.css">
    <link rel="stylesheet" href="{{ asset(ADMINCSS) }}/layout/customDatatable.css">
@endsection
@section('content')
    {{-- content --}}
    <div class="container-fluid pb-5">
        <div class="container">
            <div class="text-center py-2">
                <h2>{{ $location->name }} - Manager</h2>
                <p>Division Manager</p>
            </div>
            <div class="form-wrapper mx-auto mb-3">
                @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.location.assign.store', compact('subdomain')) }}" method="post">
                    @csrf
                    {{-- hidden --}}
                    <input type="hidden" name="org_id" value="{{ encode($org->id) }}">
                    <input type="hidden" name="location_id" value="{{ encode($location->id) }}">
                    <input type="hidden" name="is_assign" value="{{ !empty($assign_to) ? encode($assign_to->id) : '' }}">
                    <input type="hidden" name="is_record" value="{{ !empty($assign_to) ? 'EDIT' : '' }}">

                    @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

                    <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::$DIV_MANAGER" :permission="$permission" />
                    <div class="d-flex justify-content-end">
                        <button type="submit" class="button btn-primary">{{ $btn ?? 'Save' }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('js')
    {{-- js --}}
    <script src="{{ asset(JS) }}/datatable.js"></script>
    @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