@extends('layouts.admin')
@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between bg-galaxy-transparent">
            <h4 class="mb-sm-0">User Interests</h4>
            <ol class="breadcrumb m-0">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
                <li class="breadcrumb-item active">User Interests</li>
            </ol>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header border-0">
        <h5 class="card-title mb-0">User Interests Table</h5>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table id="InterestsTable" class="table table-bordered nowrap align-middle" style="width:100%;">
                <thead class="text-uppercase">
                    <tr>
                        <th>Sl No</th>
                        <th>User</th>
                        <th>Business</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($interests as $interest)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $interest->user->name ?? '-' }}</td>
                        <td>{{ $interest->businessListing->title ?? '-' }}</td>
                        <td> {{ format_interest_status($interest->status) }}</td>
                        <!-- <td>
                            <select class="form-select interest-status" data-id="{{ $interest->id }}">
                                <option value="requested" {{ $interest->status=='requested'?'selected':'' }}>Requested</option>
                                <option value="accepted" {{ $interest->status=='accepted'?'selected':'' }}>Accepted</option>
                                <option value="rejected" {{ $interest->status=='rejected'?'selected':'' }}>Rejected</option>
                            </select>
                        </td> -->
                        <td class="text-center">
                            <a href="{{ route('admin.user-interests.view', $interest->id) }}" class="btn btn-sm btn-primary">Negotiations</a>
                            <button class="btn btn-sm btn-danger delete-btn" data-url="{{ route('admin.user-interests.delete', $interest->id) }}">Delete</button>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@section('script')
<script>
$(document).ready(function() {
    $('#InterestsTable').DataTable({ responsive: true, pageLength: 10 });

    // Change status
    $("body").on("change", ".interest-status", function () {
        const id = $(this).data("id");
        const status = $(this).val();
        fetch("{{ route('admin.user-interests.status') }}", {
            method: "POST",
            headers: {
                "Content-Type": "application/json",
                "X-CSRF-TOKEN": document.querySelector('meta[name="csrf-token"]').content
            },
            body: JSON.stringify({ id, status })
        })
        .then(res => res.json())
        .then(data => {   
            Swal.fire({
                                iconHtml: `<img src="{{ asset('assets/images/success-circle.svg') }}" class="img-fluid">`,
                               // title: "Success!",
                                text: data.message,
                                confirmButtonText: "OK",
                                customClass: {
                                    confirmButton: 'custom-ok-button-class w-sm' // Add your custom class here
                                }
                            }).then(() => {
                                window.location.href = "{{ route('admin.user-interests') }}"; // Redirect to company list
                            });
         });
    });

    // Delete interest
    // $("body").on("click", ".delete-btn", function () {
    //     const deleteUrl = $(this).data("url");
    //     if(confirm('Are you sure to delete this interest?')){
    //         fetch(deleteUrl, {
    //             method: 'DELETE',
    //             headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content }
    //         }).then(res=>res.json()).then(data => { 
    //              Swal.fire({
    //                             iconHtml: `<img src="{{ asset('assets/images/success-circle.svg') }}" class="img-fluid">`,
    //                             text: data.message,
    //                             confirmButtonText: "OK",
    //                             customClass: {
    //                                 confirmButton: 'custom-ok-button-class w-sm' 
    //                             }
    //                         }).then(() => {
    //                             window.location.href = "{{ route('admin.user-interests') }}"; 
    //                         });
    //          });
    //     }
    // });
});
</script>
@endsection