@extends('org.layout.adminPanel')
@section('title', 'User')
@section('section')
    @php
    $goBack = (isset($backUrl)) ? $backUrl : url()->previous();
    @endphp
    <a href="{{$goBack}}" style="text-decoration: none; color:var(--primary);" class="link">Back</a>
    / User / Form
@endsection
@section('css')
    {{-- css --}}
    <style>
        .hr::before{
            content: attr("aria-label");
            text-align: center;
            left: 50%;
            transform: translate(-50%,-50%);
            padding-inline: 1em;
        }
    </style>
@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>Assign</h2>
            </div>
            <div class="form-wrapper mx-auto">
                <form action="{{route("org.user.form.assign",compact("subdomain"))}}" method="post">
                    @csrf
                    <input type="hidden" name="where" value="{{$where}}">
                    <input type="hidden" name="where_id" value="{{$where_id}}">
                    {{-- <div class="mb-3 hr" aria-label="Admin info"></div> --}}
                    <div class="mb-3">
                    <label for="role" class="form-label">Role</label>
                    <select class="form-select form-select-lg mb-3" id="role" name="role" aria-label=".form-select-lg example">
                        <option value="{{encode(3)}}">Department manager</option>
                        <option value="{{encode(4)}}">Project manager</option>
                        <option value="{{encode(5)}}">Governance member</option>
                        <option value="{{encode(6)}}">Reviewer</option>
                      </select>
                    </div>
                    <div class="text-center py-2">
                        <h2>User</h2>
                    </div>
                    <div class="mb-3">
                        <label for="firstname" class="form-label">First name</label>
                        <input type="text" class="form-control" id="firstname" name="firstname"
                            value="{{ old('firstname') }}">
                    </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="{{ old('lastname') }}">
                    </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="{{ old('email') }}">
                    </div>
                    @error('email')
                        <div class="alert alert-danger p-0 px-2" role="alert">
                            {{ $message }}
                        </div>
                    @enderror
                        <div class="hr my-5" aria-label="OR"></div>
                    <div class="mb-3">
                        <label for="email" class="form-label">Exist user email</label>
                        <input type="email" class="form-control" id="email" name="email"
                            value="{{ old('email') }}">
                    </div>
                    <div class="d-flex justify-content-end position-absulute">
                        <button type="submit" class="button btn-primary">{{ "Next" }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('js')
    {{-- js --}}
@endsection