@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