@extends('admin.layouts.app')

@section('content')
<div class="container py-4">
  <div class="row g-4">
    <div class="col-md-12">
      <div class="bg-white p-4 rounded shadow-sm border">
        <div class="row">
          <div class="col-md-12">
            <h2 class="h4 mb-4 text-dark">
              {{ isset($newsAuthor) ? 'Edit Author' : 'Add Author' }}
            </h2>

            <form class="needs-validation" method="post"
              action="{{ isset($newsAuthor) ? route('news-authors.update', $newsAuthor->id) : route('news-authors.store') }}"
              enctype="multipart/form-data">
              @csrf
              @if(isset($newsAuthor))
                @method('PUT')
              @endif

              <div class="row">
                <div class="col-md-6">
                  <!-- Name -->
                  <div class="mb-3">
                    <label for="name" class="form-label">Full Name</label>
                    <input type="text" id="name" name="name" class="form-control" placeholder="Enter name" required
                      value="{{ old('name', $newsAuthor->name ?? '') }}">
                  </div>

                  <!-- Phone -->
                  <div class="mb-3">
                    <label for="phone" class="form-label">Phone</label>
                    <input type="text" id="phone" name="phone" class="form-control" placeholder="Enter phone"
                      value="{{ old('phone', $newsAuthor->phone ?? '') }}">
                  </div>

                  <!-- Status -->
                  <div class="mb-3">
                    <label for="status" class="form-label">Status</label>
                    <select id="status" name="status" class="form-control" required>
                      <option value="1" {{ old('status', $newsAuthor->status ?? 1) == 1 ? 'selected' : '' }}>Active</option>
                      <option value="0" {{ old('status', $newsAuthor->status ?? 1) == 0 ? 'selected' : '' }}>Inactive</option>
                    </select>
                  </div>

                  <!-- Profile Image -->
                  <div class="mb-3">
                    <label for="profile_image" class="form-label">Upload Profile Image</label>
                    <input type="file" id="profile_image" name="profile_image" class="form-control">
                  </div>
                </div>

                <div class="col-md-6">
                  <!-- Email -->
                  <div class="mb-3">
                    <label for="email" class="form-label">Email</label>
                    <input type="email" id="email" name="email" class="form-control" placeholder="Enter email"
                      value="{{ old('email', $newsAuthor->email ?? '') }}">
                  </div>

                  <!-- Bio -->
                  <div class="mb-3">
                    <label for="bio" class="form-label">Bio</label>
                    <textarea name="bio" id="bio" rows="5" class="form-control"
                      placeholder="Enter short biography">{{ old('bio', $newsAuthor->bio ?? '') }}</textarea>
                  </div>

                  <!-- Preview -->
                  <div class="mb-3 d-flex justify-content-center align-items-center">
                    <img id="preview" style="max-width: 50px; display: none;" />
                    @if(isset($newsAuthor->profile_image))
                      <img src="{{ asset('storage/' . $newsAuthor->profile_image) }}" alt="Preview"
                        style="max-width: 50px;">
                    @endif
                  </div>
                </div>
              </div>

              <!-- Submit -->
              <button type="submit" class="btn btn-primary">
                {{ isset($newsAuthor) ? 'Update' : 'Create' }}
              </button>
            </form>

          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection