@extends('layouts.panel')
@section('content')
    <div>
        <h2 class="text-3xl sm:text-4xl text-[#041627]">{{ isset($item) ? 'Edit User' : 'Add User' }}</h2>
        <p class="text-[#44474c]">Admin can create author, editor, and reviewer accounts.</p>
    </div>
    @if ($errors->any())
        <div class="bg-[#ffdad6] border border-[#ba1a1a] text-[#93000a] p-4 rounded">
            <ul class="list-disc pl-5 text-sm">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <form method="post" action="{{ isset($item) ? route('admin.users.update', $item) : route('admin.users.store') }}"
        class="bg-white border border-[#aeb6bf] p-4 sm:p-6 space-y-4 w-full">@csrf @if (isset($item))
            @method('put')
        @endif
        <div><label class="text-sm font-semibold">Name</label><input name="name"
                value="{{ old('name', $item->name ?? '') }}" required
                class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
        <div><label class="text-sm font-semibold">Email</label><input type="email" name="email"
                value="{{ old('email', $item->email ?? '') }}" required
                class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
        <div><label class="text-sm font-semibold">Role</label>
            <select name="role" required class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]">
                @php($roles = isset($item) ? ['admin', 'author', 'editor', 'reviewer'] : ['author', 'editor', 'reviewer'])
                @foreach ($roles as $role)
                    <option value="{{ $role }}" @selected(old('role', $item->role ?? '') === $role)>{{ ucfirst($role) }}</option>
                @endforeach
            </select>
        </div>
        <div><label class="text-sm font-semibold">Password
                {{ isset($item) ? '(leave blank to keep unchanged)' : '' }}</label><input type="password" name="password"
                @if (!isset($item)) required @endif
                class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
        <label class="flex items-center gap-2 text-sm"><input type="checkbox" name="is_active" value="1"
                @checked(old('is_active', $item->is_active ?? true))> Active</label>
        <button class="w-full bg-[#041627] text-white px-5 py-2 text-sm font-semibold sm:w-auto">Save User</button>
    </form>

    @if (isset($item) && $item->role === 'author')
        <section class="bg-white border border-[#aeb6bf] p-4 sm:p-6 space-y-4 w-full">
            <div>
                <h3 class="text-2xl text-[#041627]">Complete Author Profile</h3>
                <p class="text-sm text-[#44474c]">Fill these details so this author is ready for article submissions.</p>
            </div>
            <form method="POST" action="{{ route('admin.users.profile.update', $item) }}" class="space-y-4">@csrf
                @method('put')
                <div>
                    <label class="text-sm font-semibold">Registered Email</label>
                    <input value="{{ $item->email }}" readonly
                        class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#eceff1] text-[#44474c]">
                </div>
                <div class="grid md:grid-cols-3 gap-4">
                    <div><label class="text-sm font-semibold">First Name</label><input name="first_name"
                            value="{{ old('first_name', optional($profile)->first_name ?: $prefillFirstName ?? '') }}"
                            required class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
                    <div><label class="text-sm font-semibold">Middle Name</label><input name="middle_name"
                            value="{{ old('middle_name', optional($profile)->middle_name ?: $prefillMiddleName ?? '') }}"
                            class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
                    <div><label class="text-sm font-semibold">Surname</label><input name="surname"
                            value="{{ old('surname', optional($profile)->surname ?: $prefillSurname ?? '') }}" required
                            class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
                    <div><label class="text-sm font-semibold">Suffix</label><select name="suffix"
                            class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]">
                            <option value="">Select</option>
                            @foreach (['Dr', 'Prof', 'Mr', 'Mrs'] as $sx)
                                <option value="{{ $sx }}" @selected(old('suffix', optional($profile)->suffix) === $sx)>{{ $sx }}
                                </option>
                            @endforeach
                        </select></div>
                    <div><label class="text-sm font-semibold">Department</label><input name="department"
                            value="{{ old('department', optional($profile)->department) }}" required
                            class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
                    <div><label class="text-sm font-semibold">Designation</label><input name="designation"
                            value="{{ old('designation', optional($profile)->designation) }}" required
                            class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
                    <div><label class="text-sm font-semibold">Affiliation</label><input name="affiliation"
                            value="{{ old('affiliation', optional($profile)->affiliation) }}" required
                            class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
                    <div><label class="text-sm font-semibold">Country</label><input name="country"
                            value="{{ old('country', optional($profile)->country) }}" required
                            class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
                    <div><label class="text-sm font-semibold">State</label><input name="state"
                            value="{{ old('state', optional($profile)->state) }}" required
                            class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
                    <div><label class="text-sm font-semibold">District / Locality</label><input name="district"
                            value="{{ old('district', optional($profile)->district) }}" required
                            class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
                    <div><label class="text-sm font-semibold">Pin Code</label><input name="pin_code"
                            value="{{ old('pin_code', optional($profile)->pin_code) }}" required
                            class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
                    <div><label class="text-sm font-semibold">Mobile (with country code)</label><input name="mobile"
                            value="{{ old('mobile', optional($profile)->mobile) }}" required
                            class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
                </div>
                <button class="w-full bg-[#041627] text-white px-5 py-2 text-sm font-semibold sm:w-auto">Save Author
                    Profile</button>
            </form>
        </section>
    @endif
@endsection