@extends('layouts.app')

@section('title', 'Log Activity')
@section('page-title', 'Log Your Activity')

@section('content')
<div class="card">
    <div class="card-header">
        <h6 class="mb-0"><i class="fas fa-plus-circle me-2"></i>Log New Activity</h6>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('member.activities.store') }}">
            @csrf
            
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Select Client <span class="text-danger">*</span></label>
                    <select name="client_id" class="form-control" required>
                        <option value="">-- Select Client --</option>
                        @foreach($clients as $client)
                            <option value="{{ $client->id }}">{{ $client->company_name }}</option>
                        @endforeach
                    </select>
                </div>
                
                <div class="col-md-6 mb-3">
                    <label class="form-label">Activity Type <span class="text-danger">*</span></label>
                    <select name="activity_type" class="form-control" required>
                        <option value="call">📞 Call</option>
                        <option value="meeting">🤝 Meeting</option>
                        <option value="proposal">📄 Proposal Sent</option>
                        <option value="renewal">🔄 Renewal Discussion</option>
                        <option value="service">🛠️ Service Request</option>
                        <option value="followup">📌 General Follow-up</option>
                    </select>
                </div>
                
                <div class="col-md-6 mb-3">
                    <label class="form-label">Subject <span class="text-danger">*</span></label>
                    <input type="text" name="subject" class="form-control" placeholder="e.g., Discussed renewal terms" required>
                </div>
                
                <div class="col-md-6 mb-3">
                    <label class="form-label">Due Date <span class="text-danger">*</span></label>
                    <input type="date" name="due_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                </div>
                
                <div class="col-md-12 mb-3">
                    <label class="form-label">Description / Notes</label>
                    <textarea name="description" class="form-control" rows="4" placeholder="What did you discuss? Any follow-up needed?"></textarea>
                </div>
            </div>
            
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save me-1"></i> Log Activity
            </button>
            <a href="{{ route('member.dashboard') }}" class="btn btn-secondary">Cancel</a>
        </form>
    </div>
</div>
@endsection