{{-- resources/views/admin/client-projects/_form.blade.php --}}
<div style="display:grid;grid-template-columns:1fr 300px;gap:1rem;">

    <div class="admin-card" style="display:flex;flex-direction:column;gap:0.85rem;">
        <h2 style="font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;padding-bottom:0.75rem;border-bottom:1px solid #f3f4f6;">Project Details</h2>

        <div>
            <label class="form-label">Client <span style="color:#dc2626;">*</span></label>
            <select name="client_id" class="form-field" required>
                <option value="" disabled {{ !old('client_id',$project?->client_id) ? 'selected' : '' }}>Select client…</option>
                @foreach($clients as $c)
                <option value="{{ $c->id }}" {{ old('client_id',$project?->client_id) == $c->id ? 'selected' : '' }}>
                    {{ $c->display_name }}
                </option>
                @endforeach
            </select>
        </div>

        <div>
            <label class="form-label">Project Title <span style="color:#dc2626;">*</span></label>
            <input type="text" name="title" value="{{ old('title',$project?->title) }}" placeholder="e.g. NaijaBank Mobile Dashboard" class="form-field" required>
        </div>

        <div>
            <label class="form-label">Description</label>
            <textarea name="description" rows="4" class="form-field" placeholder="Describe the project scope, objectives, and key deliverables…">{{ old('description',$project?->description) }}</textarea>
        </div>

        <div>
            <label class="form-label">Tech Stack</label>
            <input type="text" name="tech_stack"
                   value="{{ old('tech_stack', is_array($project?->tech_stack) ? implode(', ', $project->tech_stack) : '') }}"
                   placeholder="Laravel, Vue.js, MySQL, Redis" class="form-field">
            <p style="font-size:0.68rem;color:#9ca3af;margin-top:0.2rem;">Comma-separated. Shown to client in their portal.</p>
        </div>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;">
            <div>
                <label class="form-label">Live URL</label>
                <input type="url" name="live_url" value="{{ old('live_url',$project?->live_url) }}" placeholder="https://…" class="form-field">
            </div>
            <div>
                <label class="form-label">Repository URL</label>
                <input type="url" name="repo_url" value="{{ old('repo_url',$project?->repo_url) }}" placeholder="https://github.com/…" class="form-field">
            </div>
        </div>

        <div>
            <label class="form-label">Internal Notes</label>
            <textarea name="notes" rows="3" class="form-field" placeholder="Private notes (not shown to client)…">{{ old('notes',$project?->notes) }}</textarea>
        </div>
    </div>

    {{-- Sidebar --}}
    <div style="display:flex;flex-direction:column;gap:0.85rem;">
        <div class="admin-card" style="display:flex;flex-direction:column;gap:0.75rem;">
            <h2 style="font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;padding-bottom:0.75rem;border-bottom:1px solid #f3f4f6;">Status & Timeline</h2>

            <div>
                <label class="form-label">Status <span style="color:#dc2626;">*</span></label>
                <select name="status" class="form-field" required>
                    @foreach(['planning'=>'Planning','in_progress'=>'In Progress','review'=>'In Review','completed'=>'Completed','on_hold'=>'On Hold'] as $val=>$label)
                    <option value="{{ $val }}" {{ old('status',$project?->status ?? 'planning') === $val ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>

            <div>
                <label class="form-label">Progress (%) <span style="color:#dc2626;">*</span></label>
                <input type="number" name="progress" min="0" max="100"
                       value="{{ old('progress',$project?->progress ?? 0) }}" class="form-field" required>
            </div>

            <div>
                <label class="form-label">Start Date</label>
                <input type="date" name="start_date"
                       value="{{ old('start_date',$project?->start_date?->format('Y-m-d')) }}" class="form-field">
            </div>

            <div>
                <label class="form-label">Deadline</label>
                <input type="date" name="deadline"
                       value="{{ old('deadline',$project?->deadline?->format('Y-m-d')) }}" class="form-field">
            </div>

            <div>
                <label class="form-label">Budget (₦)</label>
                <input type="number" name="budget" min="0" step="0.01"
                       value="{{ old('budget',$project?->budget) }}" placeholder="0.00" class="form-field">
            </div>

            @if($project)
            <div>
                <label class="form-label">Amount Paid (₦)</label>
                <input type="number" name="paid_amount" min="0" step="0.01"
                       value="{{ old('paid_amount',$project?->paid_amount) }}" placeholder="0.00" class="form-field">
            </div>
            @endif

            <div style="display:flex;gap:0.5rem;padding-top:0.5rem;">
                <button type="submit" class="btn btn-primary" style="flex:1;justify-content:center;">
                    {{ $project ? 'Update Project' : 'Create Project' }}
                </button>
                <a href="{{ route('admin.client-projects.index') }}" class="btn btn-outline">Cancel</a>
            </div>
        </div>
    </div>
</div>