@extends('layouts.master')

@section('page_title', 'Leads Details')
@section('title', 'Leads Details')
@section('main_item', 'Order')
@section('sub_item', 'Leads Details')

@section('content')
    <div class="col-md-12 mt-2">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <div class="d-flex align-items-center">
                    <form action="{{ route('leads.store') }}" method="POST" enctype="multipart/form-data" class="d-inline-flex">
                        @csrf
                        <input type="file" name="file" required class="form-control-file mr-2">
                        <button type="submit" class="btn btn-success" style="width: 100%">Import Leads</button>
                    </form>
                </div>
                <div>
                    <a href="{{ route('leads.export') }}" class="btn btn-primary">Download Excel</a>
                </div>
            </div>

            <div class="card-body">
                <div class="table-responsive dash-social">
                    <table id="laravel_datatable" class="table table-hover" style="width: 100%">
                        <thead class="thead-dark">
                            <tr>
                                <th>Action</th>
                                <th>Resources</th>
                                <th>Name</th>
                                <th>Primary Contact</th>
                                <th>Secondary Contact</th>
                                <th>Address</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($leads as $lead)
                                <tr>
                                    <td>
                                        <!-- Actions Dropdown -->
                                        <div class="dropdown">
                                            <button class="btn btn-secondary dropdown-toggle btn-sm" type="button" id="actionsDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                Actions
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="actionsDropdown">
                                                <a class="dropdown-item" href="{{ route('leads.edit', $lead->id) }}">Edit</a>
                                                <button type="button" class="dropdown-item delete-button" data-id="{{ $lead->id }}">Delete</button>
                                                <a class="dropdown-item" href="{{ route('leads.convert', $lead->id) }}">Convert Sale</a>
                                            </div>
                                        </div>

                                        <!-- Delete Form -->
                                        <form id="delete-form-{{ $lead->id }}" action="{{ route('leads.destroy', $lead->id) }}" method="POST" style="display: none;">
                                            @csrf
                                            @method('DELETE')
                                        </form>
                                    </td>
                                    <td>{{ $lead->resources }}</td>
                                    <td>{{ $lead->name }}</td>
                                    <td>{{ $lead->mobile }}</td>
                                    <td>{{ $lead->mobile2 }}</td>
                                    <td>{{ $lead->landmark }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="d-flex justify-content-end mt-2">
                        {{ $leads->links() }}
                    </div>
                    <div>
                        <span style="font-weight: bold">Total Count: {{ $leads->total() }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <!-- Include SweetAlert library -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <script>
        $(document).ready(function() {
            $('#laravel_datatable').DataTable({
                "paging": false, // Disable DataTables pagination, using Laravel's pagination instead
                "ordering": true,
                "info": false,
                "searching": true,
                "autoWidth": false,
            });

            // Delete confirmation using SweetAlert
            $('.delete-button').on('click', function() {
                var leadId = $(this).data('id');
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Submit the form to delete the lead
                        $('#delete-form-' + leadId).submit();
                    }
                });
            });
        });
    </script>
@endsection