@extends('backEnd.layouts.master')
@section('title', 'Lead Management')
@section('content')
<div class="page-content">
<div class="container-fluid">
  <div class="row mb-3 align-items-center">
    <div class="col-md-7">
      <h4 class="fw-bold mb-0"><i class="fas fa-user-tag me-2 text-primary"></i>Lead Management</h4>
      <p class="text-muted mb-0 small">Product visitors যারা order করেননি — follow-up করুন</p>
    </div>
    <div class="col-md-5 text-end">
      <a href="{{ route('admin.visitors.index') }}" class="btn btn-outline-info btn-sm">
        <i class="fas fa-eye me-1"></i>Visitor Logs
      </a>
    </div>
  </div>

  <div class="row g-3 mb-4">
    <div class="col-6 col-md-3">
      <div class="card text-center border-0 shadow-sm">
        <div class="card-body py-3">
          <div class="fs-3 fw-bold text-primary">{{ $counts['total'] }}</div>
          <div class="text-muted small">Total Leads</div>
        </div>
      </div>
    </div>
    <div class="col-6 col-md-3">
      <div class="card text-center border-0 shadow-sm">
        <div class="card-body py-3">
          <div class="fs-3 fw-bold text-danger">{{ $counts['new'] }}</div>
          <div class="text-muted small">New Leads</div>
        </div>
      </div>
    </div>
    <div class="col-6 col-md-3">
      <div class="card text-center border-0 shadow-sm">
        <div class="card-body py-3">
          <div class="fs-3 fw-bold text-info">{{ $counts['contacted'] }}</div>
          <div class="text-muted small">Contacted</div>
        </div>
      </div>
    </div>
    <div class="col-6 col-md-3">
      <div class="card text-center border-0 shadow-sm">
        <div class="card-body py-3">
          <div class="fs-3 fw-bold text-success">{{ $counts['converted'] }}</div>
          <div class="text-muted small">Converted</div>
        </div>
      </div>
    </div>
  </div>

  <div class="card border-0 shadow-sm mb-3">
    <div class="card-body py-2">
      <form method="GET" class="row g-2 align-items-center">
        <div class="col-md-4">
          <input type="text" name="search" class="form-control form-control-sm"
                 placeholder="Phone or Name..." value="{{ request('search') }}">
        </div>
        <div class="col-md-3">
          <select name="status" class="form-select form-select-sm">
            <option value="">All Status</option>
            @foreach(\App\Models\Lead::STATUS_LABELS as $key => $val)
              <option value="{{ $key }}" @selected(request('status')==$key)>{{ $val['label'] }}</option>
            @endforeach
          </select>
        </div>
        <div class="col-auto">
          <button class="btn btn-primary btn-sm">Filter</button>
          <a href="{{ route('admin.leads.index') }}" class="btn btn-outline-secondary btn-sm">Reset</a>
        </div>
      </form>
    </div>
  </div>

  <div class="card border-0 shadow-sm">
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
          <thead class="table-dark">
            <tr>
              <th>#</th><th>Contact</th><th>Source Product</th>
              <th>Status</th><th>Note</th><th>Date</th><th>Actions</th>
            </tr>
          </thead>
          <tbody>
          @forelse($leads as $lead)
          <tr>
            <td class="text-muted small">{{ $lead->id }}</td>
            <td>
              <div class="fw-semibold">{{ $lead->name ?? 'Unknown' }}</div>
              <a href="tel:{{ $lead->phone }}" class="text-success fw-bold">
                <i class="fas fa-phone-alt me-1"></i>{{ $lead->phone }}
              </a>
              @if($lead->email)<div class="text-muted small">{{ $lead->email }}</div>@endif
            </td>
            <td>
              <div class="small text-truncate" style="max-width:160px;">
                {{ $lead->source_product ?? '—' }}
              </div>
              @if($lead->utm_source)
                <span class="badge bg-light text-dark">{{ $lead->utm_source }}</span>
              @endif
            </td>
            <td><span class="badge {{ $lead->status_class }}">{{ $lead->status_label }}</span></td>
            <td class="small text-muted">{{ Str::limit($lead->admin_note, 40) ?: '—' }}</td>
            <td class="small text-muted">{{ $lead->created_at->diffForHumans() }}</td>
            <td>
              <div class="d-flex gap-1">
                <a href="{{ wa_me_url($lead->phone) }}" target="_blank" class="btn btn-success btn-sm" title="WhatsApp">
                  <i class="fab fa-whatsapp"></i>
                </a>
                <a href="tel:{{ $lead->phone }}" class="btn btn-info btn-sm text-white" title="Call">
                  <i class="fas fa-phone"></i>
                </a>
                <button class="btn btn-warning btn-sm" data-bs-toggle="modal" data-bs-target="#m{{ $lead->id }}">
                  <i class="fas fa-edit"></i>
                </button>
                <form method="POST" action="{{ route('admin.leads.destroy', $lead->id) }}" onsubmit="return confirm('Delete?')" class="d-inline">
                  @csrf @method('DELETE')
                  <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button>
                </form>
              </div>
              <div class="modal fade" id="m{{ $lead->id }}" tabindex="-1">
                <div class="modal-dialog">
                  <form method="POST" action="{{ route('admin.leads.status', $lead->id) }}" class="modal-content">
                    @csrf @method('PATCH')
                    <div class="modal-header">
                      <h6 class="modal-title">Update Lead — {{ $lead->phone }}</h6>
                      <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                      <div class="mb-3">
                        <label class="form-label fw-semibold">Status</label>
                        <select name="status" class="form-select" required>
                          @foreach(\App\Models\Lead::STATUS_LABELS as $key => $val)
                            <option value="{{ $key }}" @selected($lead->status===$key)>{{ $val['label'] }}</option>
                          @endforeach
                        </select>
                      </div>
                      <div class="mb-0">
                        <label class="form-label fw-semibold">Note / Call Result</label>
                        <textarea name="note" class="form-control" rows="3"
                          placeholder="কল করলেন, কি বললেন...">{{ $lead->admin_note }}</textarea>
                      </div>
                    </div>
                    <div class="modal-footer">
                      <button type="submit" class="btn btn-primary">Save</button>
                      <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    </div>
                  </form>
                </div>
              </div>
            </td>
          </tr>
          @empty
          <tr>
            <td colspan="7" class="text-center py-5 text-muted">
              <i class="fas fa-user-slash fa-2x mb-2 d-block opacity-50"></i>
              No leads yet. Visitors who fill the callback form will appear here.
            </td>
          </tr>
          @endforelse
          </tbody>
        </table>
      </div>
    </div>
    @if($leads->hasPages())
    <div class="card-footer bg-white">{{ $leads->links() }}</div>
    @endif
  </div>
</div>
</div>
@endsection