@extends('backend.layouts.master')
@section('title', $member->exists ? 'Edit Team Member' : 'Add Team Member')
@section('content')
@php $item = $member; @endphp
<div class="page-content"><div class="container-fluid">
    <div class="page-title-box"><h4 class="mb-0">{{ $item->exists ? 'Edit' : 'Add' }} Team Member</h4></div>
    @include('backend.partials.alerts')
    <form method="POST" enctype="multipart/form-data" action="{{ $item->exists ? route('admin.team.update', $item) : route('admin.team.store') }}">
        @csrf
        @if($item->exists) @method('PUT') @endif
        <div class="row">
            <div class="col-xl-8">
                <div class="card"><div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Name *</label>
                        <input type="text" name="name" class="form-control" value="{{ old('name', $item->name) }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Role / Title</label>
                        <input type="text" name="role" class="form-control" value="{{ old('role', $item->role) }}" placeholder="Managing Director">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Bio</label>
                        <textarea name="bio" class="form-control" rows="4">{{ old('bio', $item->bio) }}</textarea>
                    </div>
                </div></div>
            </div>
            <div class="col-xl-4">
                <div class="card"><div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Image URL</label>
                        <input type="text" name="image" class="form-control" value="{{ old('image', $item->image) }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Upload Photo</label>
                        @if($item->imageUrl())
                            <div class="mb-2"><img src="{{ $item->imageUrl() }}" alt="" class="img-fluid rounded" style="max-height:120px;"></div>
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="remove_image" value="1" id="remove_image">
                                <label class="form-check-label" for="remove_image">Remove image</label>
                            </div>
                        @endif
                        <input type="file" name="image_file" class="form-control" accept="image/*">
                    </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', $item->sort_order ?? 0) }}">
                    </div>
                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" name="status" value="1" id="status" @checked(old('status', $item->status ?? true))>
                        <label class="form-check-label" for="status">Active (show on About page)</label>
                    </div>
                    <button class="btn btn-primary w-100">Save Member</button>
                    <a href="{{ route('admin.team.index') }}" class="btn btn-light w-100 mt-2">Back</a>
                </div></div>
            </div>
        </div>
    </form>
</div></div>
@endsection