@extends('admin.layouts.app')
@section('title', $isNew ? 'Add Team Member' : 'Edit Team Member')

@section('content')
<form method="POST" action="{{ $isNew ? route('admin.team-members.store') : route('admin.team-members.update', $member) }}" enctype="multipart/form-data">
    @csrf
    @if(!$isNew) @method('PUT') @endif

    <div class="card p-3" style="max-width:600px;">
        <div class="mb-3"><label class="form-label">Name *</label><input type="text" name="name" class="form-control" value="{{ old('name', $member->name) }}" required></div>
        <div class="mb-3"><label class="form-label">Designation</label><input type="text" name="designation" class="form-control" value="{{ old('designation', $member->designation) }}" placeholder="e.g. Agent Real Estate"></div>
        <div class="mb-3"><label class="form-label">Bio Line (shown on hover)</label><input type="text" name="bio_line" class="form-control" value="{{ old('bio_line', $member->bio_line) }}" placeholder="e.g. I am Senior Agent Property"></div>

        <div class="row">
            <div class="col-md-4 mb-3"><label class="form-label">Facebook URL</label><input type="text" name="facebook_url" class="form-control" value="{{ old('facebook_url', $member->facebook_url) }}"></div>
            <div class="col-md-4 mb-3"><label class="form-label">Twitter URL</label><input type="text" name="twitter_url" class="form-control" value="{{ old('twitter_url', $member->twitter_url) }}"></div>
            <div class="col-md-4 mb-3"><label class="form-label">Google URL</label><input type="text" name="google_url" class="form-control" value="{{ old('google_url', $member->google_url) }}"></div>
        </div>

        @if(!$isNew && $member->image)
        <img src="{{ \App\Helpers\ImageHelper::url($member->image) }}" width="90" class="rounded mb-2">
        @endif
        <div class="mb-3">
            <label class="form-label">Photo {{ $isNew ? '*' : '' }}</label>
            <input type="file" name="image" class="form-control" accept="image/*" {{ $isNew ? 'required' : '' }}>
        </div>

        <div class="mb-3"><label class="form-label">Sort Order</label><input type="number" name="sort_order" class="form-control" value="{{ old('sort_order', $member->sort_order ?? 0) }}"></div>
        <div class="form-check mb-3">
            <input type="checkbox" name="is_active" value="1" class="form-check-input" id="is_active" {{ old('is_active', $isNew ? true : $member->is_active) ? 'checked' : '' }}>
            <label class="form-check-label" for="is_active">Active</label>
        </div>

        <button class="btn btn-dark">{{ $isNew ? 'Add' : 'Update' }}</button>
        <a href="{{ route('admin.team-members.index') }}" class="btn btn-outline-secondary mt-2">Cancel</a>
    </div>
</form>
@endsection