@extends('layouts.admin')

@section('title', isset($teamMember) ? 'Edit Team Member' : 'Add Team Member')
@section('page-title', isset($teamMember) ? 'Edit Leader: ' . $teamMember->name : 'Add Leadership Member')

@section('content')
<div class="admin-card" style="max-width: 760px;">
  <form method="POST" action="{{ isset($teamMember) ? route('admin.team.update', $teamMember->id) : route('admin.team.store') }}">
    @csrf
    @if(isset($teamMember))
      @method('PUT')
    @endif

    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem;">
      <div class="form-group">
        <label class="form-label">Full Name *</label>
        <input type="text" name="name" value="{{ old('name', $teamMember->name ?? '') }}" class="form-control" required placeholder="e.g. Vipul Sharma">
      </div>

      <div class="form-group">
        <label class="form-label">Title / Role *</label>
        <input type="text" name="role" value="{{ old('role', $teamMember->role ?? '') }}" class="form-control" required placeholder="e.g. Managing Director & Founder">
      </div>
    </div>

    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem;">
      <div class="form-group">
        <label class="form-label">LinkedIn Profile URL</label>
        <input type="url" name="linkedin" value="{{ old('linkedin', $teamMember->linkedin ?? '') }}" class="form-control" placeholder="https://linkedin.com/in/username">
      </div>

      <div class="form-group">
        <label class="form-label">Twitter / X URL</label>
        <input type="url" name="twitter" value="{{ old('twitter', $teamMember->twitter ?? '') }}" class="form-control" placeholder="https://twitter.com/username">
      </div>
    </div>

    <div class="form-group" style="margin-bottom: 1.5rem;">
      <label class="form-label">Professional Biography *</label>
      <textarea name="bio" rows="4" class="form-control" required placeholder="Executive background, domains of excellence, previous enterprise experience...">{{ old('bio', $teamMember->bio ?? '') }}</textarea>
    </div>

    <div style="margin-bottom: 2rem;">
      <label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;">
        <input type="checkbox" name="is_active" value="1" {{ old('is_active', $teamMember->is_active ?? true) ? 'checked' : '' }}>
        <strong>Display in Leadership Roster</strong>
      </label>
    </div>

    <div style="display: flex; gap: 1rem;">
      <button type="submit" class="btn btn-primary">
        <i class="fas fa-save"></i> Save Team Member
      </button>
      <a href="{{ route('admin.team.index') }}" class="btn btn-outline">Cancel</a>
    </div>
  </form>
</div>
@endsection