@php
    $isEdit = isset($memberPhoto);
@endphp

<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            <label for="member_id">Member <span class="text-danger">*</span></label>
            <select name="member_id" id="member_id" class="form-control @error('member_id') is-invalid @enderror" required>
                <option value="">— Select Member —</option>
                @foreach($members as $member)
                    <option value="{{ $member->id }}" @selected(old('member_id', $memberPhoto->member_id ?? '') == $member->id)>
                        {{ $member->name }} ({{ $member->email }})
                    </option>
                @endforeach
            </select>
            @error('member_id')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-6">
        <div class="form-group">
            <label for="order">Display Order <span class="text-danger">*</span></label>
            <input type="number" name="order" id="order"
                class="form-control @error('order') is-invalid @enderror"
                value="{{ old('order', $memberPhoto->order ?? 0) }}" min="0" required>
            <small class="form-text text-muted">Lower numbers appear first. Order 0 is typically the main photo.</small>
            @error('order')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            <label for="photo">Photo @unless($isEdit)<span class="text-danger">*</span>@endunless</label>
            <input type="file" name="photo" id="photo"
                class="form-control-file @error('photo') is-invalid @enderror"
                accept="image/*"
                @unless($isEdit) required @endunless>
            @if($isEdit)
                <small class="form-text text-muted">Leave empty to keep the current photo.</small>
                <div class="mt-2">
                    <img src="{{ $memberPhoto->display_url }}" alt="Current photo" class="img-thumbnail" style="max-height: 150px;">
                </div>
            @endif
            @error('photo')
                <span class="d-block invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-6">
        <div class="form-group">
            <label for="uploaded_at">Uploaded At</label>
            <input type="datetime-local" name="uploaded_at" id="uploaded_at"
                class="form-control @error('uploaded_at') is-invalid @enderror"
                value="{{ old('uploaded_at', isset($memberPhoto) && $memberPhoto->uploaded_at ? $memberPhoto->uploaded_at->format('Y-m-d\TH:i') : '') }}">
            <small class="form-text text-muted">Leave empty to use the current date and time on create.</small>
            @error('uploaded_at')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>

        <div class="form-group">
            <label for="likes_count">Likes Count</label>
            <input type="number" name="likes_count" id="likes_count"
                class="form-control @error('likes_count') is-invalid @enderror"
                value="{{ old('likes_count', $memberPhoto->likes_count ?? 0) }}" min="0">
            @error('likes_count')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            <div class="custom-control custom-checkbox">
                <input type="checkbox" name="is_primary" id="is_primary" value="1"
                    class="custom-control-input"
                    @checked(old('is_primary', $memberPhoto->is_primary ?? false))>
                <label class="custom-control-label" for="is_primary">Primary Profile Photo</label>
            </div>
            <small class="form-text text-muted">Only one photo per member can be marked as primary.</small>
        </div>
    </div>

    <div class="col-md-6">
        <div class="form-group">
            <div class="custom-control custom-checkbox">
                <input type="checkbox" name="is_verified" id="is_verified" value="1"
                    class="custom-control-input"
                    @checked(old('is_verified', $memberPhoto->is_verified ?? false))>
                <label class="custom-control-label" for="is_verified">Verified</label>
            </div>
            <small class="form-text text-muted">Mark as manually verified by admin.</small>
        </div>
    </div>
</div>