@extends('layouts.admin-master')

@section('title','Leads')

@section('style')
@include('admin.style')

@endsection

@section('content')

<aside class="sidebar-nav-wrapper">
    @include('admin.sidenav')
</aside>
<div class="overlay"></div>

<main class="main-wrapper">
    @include('admin.header')

    <section class="section">
        <div class="container-fluid">

            <!-- Title -->
            <div class="title-wrapper pt-30 mb-4">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <h2>Hair Care Doctor Leads</h2>
                      
                    </div>
                    <div class="col-md-6"></div>
                </div>
            </div>

            <!-- Card -->
            <div class="card-style mb-30 p-3">
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <h6 class="text-medium mb-0">Lead List</h6>
                </div>

                <!-- Table -->
                <div class="table-responsive">
                    <table class="table top-selling-table">
                        <thead class="table-light">
                            <tr>
                                <th>#</th>
                                <th>Full Name</th>
                                <th>Mobile</th>
                                <th>Email</th>
                                <th>Location</th>
                                <th>Course of Interest</th>
                                <th>Message</th>
                                <th>Created At</th>
                                <th class="text-end">Actions</th>
                            </tr>
                        </thead>

                        <tbody>
                            @forelse($leads as $index => $lead)
                            <tr>
                                <td>{{ $leads->firstItem() + $index }}</td>
                                <td>{{ $lead->full_name }}</td>
                                <td>{{ $lead->mobile }}</td>
                                <td>{{ $lead->email }}</td>
                                <td>{{ $lead->location }}</td>

                                <td>
                                    @php
                                    $courses = json_decode($lead->course_of_interest, true);
                                    @endphp

                                    @if(is_array($courses))
                                    <ul class="mb-0 ps-3">
                                        @foreach($courses as $course)
                                        <li>{{ ucfirst(str_replace('-', ' ', $course)) }}</li>
                                        @endforeach
                                    </ul>
                                    @else
                                    {{ $lead->course_of_interest }}
                                    @endif
                                </td>

                                <td>{{ $lead->message }}</td>

                                <td>{{ $lead->created_at->format('d M Y h:i A') }}</td>

                                <td class="text-end">
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-sm btn-primary">
                                            <i class="lni lni-eye"></i>
                                        </button>

                                        <button type="button" class="btn btn-sm btn-warning">
                                            <i class="lni lni-pencil"></i>
                                        </button>

                                        <form action="#" method="POST" class="d-inline">
                                            @csrf
                                            @method('DELETE')
                                            <button onclick="return confirm('Are you sure?')"
                                                class="btn btn-sm btn-danger">
                                                <i class="lni lni-trash-can"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="9" class="text-center text-muted">
                                    No leads found
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                <div class="d-flex justify-content-between align-items-center mt-3 flex-wrap gap-2">
                    <div>
                        @if($leads->count())
                        Showing {{ $leads->firstItem() }} to {{ $leads->lastItem() }} of {{ $leads->total() }} entries
                        @endif
                    </div>

                    <div>
                        {{ $leads->links('pagination::bootstrap-5') }}
                    </div>
                </div>

            </div>

        </div>
    </section>

    @include('admin.footer')

    @section('script')
    @include('admin.script')
    @endsection
</main>

@endsection