@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">Interest Details</h4>
            <ol class="breadcrumb m-0">
                <li class="breadcrumb-item"><a href="{{ route('admin.user-interests') }}">User Interests</a></li>
                <li class="breadcrumb-item active">View</li>
            </ol>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <h5>User: {{ $interest->user->name ?? '-' }}</h5>
        <h5>Business: {{ $interest->businessListing->title ?? '-' }}</h5>
        <h5>Status: {{ format_interest_status($interest->status) }}</h5>
        <!-- <h5>Message: {{ $interest->message ?? '-' }}</h5> -->

        <hr>
        <h5>Negotiations</h5>
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Offer Price</th>
                    <th>Equity</th>
                    <th>Conditions</th>
                    <th>Status</th>
                    <th>Change Status</th>
                </tr>
            </thead>
            <tbody>
                @foreach($interest->negotiations as $neg)
                <tr>
                    <td><img src="{{ config('global.default_currency_code') }}" alt="Currency" width="16" style="vertical-align: middle;">{{ $neg->offer_price }}</td>
                    <td>{{ $neg->equity }}%</td>
                    <td>{{ $neg->conditions }}</td>
                    <td>{{ format_interest_status($neg->status) }}</td>
                    <td>
                        <select class="form-select negotiation-status" data-id="{{ $neg->id }}">
                            <option value="pending" {{ $neg->status=='pending'?'selected':'' }}>Pending</option>
                            <option value="accepted" {{ $neg->status=='accepted'?'selected':'' }}>Accepted</option>
                            <option value="rejected" {{ $neg->status=='rejected'?'selected':'' }}>Rejected</option>
                        </select>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        <a href="{{ route('admin.user-interests') }}" class="btn btn-secondary">Back</a>
    </div>
</div>
@endsection

@section('script')
<script>
$(document).ready(function() {
    $("body").on("change", ".negotiation-status", function () {
        const id = $(this).data("id");
        const status = $(this).val();
        fetch("{{ route('admin.negotiation.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
                            }); });
    });
});
</script>
@endsection