@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Add User')
@push('css')
<link href="{{ asset('/web/assets/css/property-screens.css') }}?v=1" rel="stylesheet">
<link href="{{ asset('/web/assets/css/management-screens.css') }}?v=1" rel="stylesheet">
@endpush
@section('content')
@php
    $selectedRole = old('role', '');
    $setPassword = old('password_option', 'invitation') === 'set_password';
@endphp
<main class="portal-workspace portal-light-type property-workspace management-workspace">
    <header class="portal-page-header"><div><a class="portal-back-link" href="/users/view_user"><i class="bx bx-arrow-back" aria-hidden="true"></i> All users</a><span class="portal-eyebrow">User management</span><h1>Add User</h1><p>Create a user account and assign the access they need.</p></div></header>
    @include('superadmin.property.partials.workspace_feedback')
    <form method="POST" action="/users/add_user" data-add-user>@csrf<div class="pw-layout"><div class="pw-stack">
        <section class="portal-card pw-section"><div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-user-plus" aria-hidden="true"></i></span><div><h2>User Details</h2><p>Name and contact information for the new account.</p></div></div>
            <div class="pw-fields">
                @foreach(['first_name' => ['First name', 'text', true, 125], 'middle_name' => ['Middle name', 'text', false, 125], 'last_name' => ['Last name', 'text', true, 125], 'phone' => ['Phone number', 'tel', true, 25], 'email' => ['Email address', 'email', true, 255]] as $name => $field)
                    <div class="pw-field"><label for="user-{{ $name }}">{{ $field[0] }} @if(!$field[2])<span>(optional)</span>@endif</label><input id="user-{{ $name }}" type="{{ $field[1] }}" name="{{ $name }}" class="form-control @error($name) is-invalid @enderror" value="{{ old($name) }}" maxlength="{{ $field[3] }}" @if($field[2]) required @endif>@error($name)<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                @endforeach
            </div>
        </section>
        <section class="portal-card pw-section pw-purple"><div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-shield-quarter" aria-hidden="true"></i></span><div><h2>Role &amp; Access</h2><p>Choose the role for this account.</p></div></div><div class="pw-fields">
            <div class="pw-field"><label for="user-role">Assign role</label><select id="user-role" name="role" class="form-control @error('role') is-invalid @enderror" required><option value="">Choose a role</option>@foreach($roles as $role)@if(Auth::user()->hasRole('superadmin') || $role->name === 'propertyowner')<option value="{{ $role->name }}" @selected($selectedRole === $role->name)>{{ $role->name }}</option>@endif @endforeach</select>@error('role')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
            @if(Auth::user()->hasRole('superadmin'))<div class="pw-field" data-user-company><label for="user-company">Property company <span>(optional)</span></label><select id="user-company" name="propertyowner" class="form-control @error('propertyowner') is-invalid @enderror"><option value="">Choose a company</option>@foreach($propertycompanies as $company)<option value="{{ $company->id }}" @selected((string) old('propertyowner') === (string) $company->id)>{{ $company->name }}</option>@endforeach</select>@error('propertyowner')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>@endif
        </div></section>
        <section class="portal-card pw-section pw-blue"><div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-lock-alt" aria-hidden="true"></i></span><div><h2>Account Setup</h2><p>Send an invitation or set a password for this account.</p></div></div>
            <div class="pw-choice-grid"><label class="pw-choice" for="user-invitation"><input id="user-invitation" type="radio" name="password_option" value="invitation" @checked(!$setPassword)><span><strong>Send Invitation</strong><small>The user receives a link to set their password.</small></span></label><label class="pw-choice" for="user-set-password"><input id="user-set-password" type="radio" name="password_option" value="set_password" @checked($setPassword)><span><strong>Set Password Now</strong><small>Enter a password for the new account.</small></span></label></div>
            <div class="pw-fields" data-user-passwords>
                <div class="pw-field"><label for="user-password">Password</label><input id="user-password" type="password" name="password" autocomplete="new-password" minlength="8" class="form-control @error('password') is-invalid @enderror"><small>Use at least 8 characters.</small>@error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                <div class="pw-field"><label for="user-password-confirmation">Confirm password</label><input id="user-password-confirmation" type="password" name="password_confirmation" autocomplete="new-password" minlength="8" class="form-control"></div>
            </div>
        </section>
        <div class="pw-footer"><a href="/users/view_user" class="btn btn-mlk-outline">Cancel</a><button class="btn btn-mlk-primary" type="submit"><i class="bx bx-plus" aria-hidden="true"></i> Add User</button></div>
    </div><aside class="portal-card pw-section pw-context"><span class="portal-eyebrow">New account</span><h2>Prepare the user’s access</h2><dl class="pw-facts pw-facts--single"><div><dt>Contact details</dt><dd>Use the user’s current email and phone number.</dd></div><div><dt>Role</dt><dd>Permissions come from the role assigned to the account.</dd></div><div><dt>Account setup</dt><dd>Choose an invitation or set a password now.</dd></div></dl></aside></div></form>
</main>
@endsection
@push('scripts')
<script src="{{ asset('/web/assets/js/pages/property-screens.js') }}?v=1"></script>
<script src="{{ asset('/web/assets/js/pages/management-screens.js') }}?v=1"></script>
@endpush