@extends('employee.layouts.app')

@section('breadcrumb')
    <li class="breadcrumb-item">
        <a href="{{ route('employee.dashboard') }}">{{ __('Dashboard') }}</a>
    </li>
    <li class="breadcrumb-item">
        <a href="{{ route('employee.leads.index') }}">{{ __('Leads') }}</a>
    </li>
    <li class="breadcrumb-item active" aria-current="page">
        {{ __('Follow-ups') }}
    </li>
@endsection

@section('content')
    <div class="dash-content">
        <div class="page-header">
            <div class="page-block">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <div class="page-header-title">
                            <h4 class="m-b-10">{{ __('Follow-ups for :name', ['name' => $lead->name ?? __('Unknown')]) }}</h4>
                            <p class="text-muted small mb-0">
                                {{ __('Phone') }}: {{ $lead->phone ?? __('N/A') }}
                                � {{ __('Status') }}: {{ ucfirst($lead->status ?? 'new') }}
                            </p>
                        </div>
                    </div>
                    <div class="col-md-6 text-end">
                        <a href="{{ route('employee.leads.index') }}" class="btn btn-light btn-sm">
                            <i class="ti ti-arrow-left"></i> {{ __('Back to leads') }}
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-xl-7">
                <div class="card">
                    <div class="card-header">
                        <h5>{{ __('Follow-up history') }}</h5>
                    </div>
                    <div class="card-body">
                        @if(session('success'))
                            <div class="alert alert-success mb-3">
                                {{ session('success') }}
                            </div>
                        @endif
                        @if(session('error'))
                            <div class="alert alert-danger mb-3">
                                {{ session('error') }}
                            </div>
                        @endif

                        @if($followups->isEmpty())
                            <p class="text-muted mb-0">{{ __('No follow-ups recorded yet.') }}</p>
                        @else
                            @foreach($followups as $followup)
                                <div class="card mb-3 shadow-none border">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap gap-2">
                                            <div>
                                                <h6 class="mb-1">{{ ucfirst($followup->type ?? __('Follow-up')) }}</h6>
                                                <p class="small text-muted mb-1">
                                                    {{ __('Created at') }}: {{ \Carbon\Carbon::parse($followup->created_at)->format('d M, Y h:i A') }}
                                                </p>
                                                <p class="mb-1">{{ $followup->remark ?? __('No remark provided.') }}</p>
                                                <p class="small text-muted mb-0">
                                                    {{ __('Contact person') }}: {{ $followup->contact_person ?? '�' }}
                                                </p>
                                            </div>
                                            <div class="text-end">
                                                @if($followup->next_follow_up_at)
                                                    <span class="small text-muted d-block">
                                                        {{ __('Next follow-up') }}: {{ \Carbon\Carbon::parse($followup->next_follow_up_at)->format('d M, Y h:i A') }}
                                                    </span>
                                                @endif
                                                <span class="badge {{ $followup->completed_at ? 'bg-success' : 'bg-warning text-dark' }}">
                                                    {{ $followup->completed_at ? __('Completed') : __('Pending') }}
                                                </span>
                                            </div>
                                        </div>

                                        @if(!$followup->completed_at)
                                            <form action="{{ route('employee.leads.followups.update', [$lead->uuid, $followup->id]) }}" method="POST" class="mt-3">
                                                @csrf
                                                @method('PATCH')
                                                <button type="submit" class="btn btn-sm btn-outline-success">
                                                    <i class="ti ti-check"></i> {{ __('Mark completed') }}
                                                </button>
                                            </form>
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-xl-5">
                <div class="card">
                    <div class="card-header">
                        <h5>{{ __('Log a follow-up') }}</h5>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('employee.leads.followups.store', $lead->uuid) }}" method="POST">
                            @csrf
                            <div class="mb-3">
                                <label class="form-label">{{ __('Contact Person') }}</label>
                                <input type="text" name="contact_person" value="{{ old('contact_person') }}" class="form-control">
                                @error('contact_person')
                                    <div class="text-danger small">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ __('Follow-up Type') }}</label>
                                <select name="type" class="form-control">
                                    <option value="call" {{ old('type') === 'call' ? 'selected' : '' }}>{{ __('Call') }}</option>
                                    <option value="meeting" {{ old('type') === 'meeting' ? 'selected' : '' }}>{{ __('Meeting') }}</option>
                                    <option value="visit" {{ old('type') === 'visit' ? 'selected' : '' }}>{{ __('Visit') }}</option>
                                    <option value="email" {{ old('type') === 'email' ? 'selected' : '' }}>{{ __('Email') }}</option>
                                </select>
                                @error('type')
                                    <div class="text-danger small">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ __('Remark') }}</label>
                                <textarea name="remark" class="form-control" rows="3">{{ old('remark') }}</textarea>
                                @error('remark')
                                    <div class="text-danger small">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ __('Next Follow-up') }}</label>
                                <input type="datetime-local" name="next_follow_up_at" value="{{ old('next_follow_up_at') }}" class="form-control">
                                @error('next_follow_up_at')
                                    <div class="text-danger small">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="text-end">
                                <button type="submit" class="btn btn-primary">
                                    {{ __('Save Follow-up') }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection