@extends('admin.layout.master')
@section('content')
@section('offer', 'active')
@section('title', 'Offers')
<!--start page wrapper -->
<div class="page-wrapper">
    <div class="page-content">
        <!--breadcrumb-->

        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="breadcrumb-title pe-3">Offers</div>
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page"></li>
                    </ol>
                </nav>
            </div>
            <div class="ms-auto">
                <div class="btn-group">
                </div>
            </div>
        </div>
        <!--end breadcrumb-->
        <h6 class="mb-0 text-uppercase">All Offers</h6>
        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        <hr />
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table id="example" class="table table-striped table-bordered" style="width:100%">
                        <thead>
                            <tr>
                                {{-- <th>Date & Time</th> --}}
                                <th>User Name</th>
                                <th>Category</th>
                                <th>Ad Title</th>
                                <th>City</th>
                                <th>Amount</th>
                                <th>Min Amount</th>
                                <th>Max Amount</th>
                                <th>Offer Description</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($offers as $offer)
                                <tr>
                                    {{-- <td>{{ $offer->ads->created_at }}</td> --}}
                                    <td>
                                        @if (!empty($offer->ads->client->full_name))
                                            {{ $offer->ads->client->full_name }}
                                        @else
                                            Admin
                                        @endif
                                    </td>
                                    <td>{{ $offer->ads->type }}</td>
                                    <td>{{ $offer->ads->ad_title }}</td>
                                    <td>{{ $offer->ads->city }}</td>
                                    <td>{{ $offer->ads->price }}</td>
                                    <td>
                                        {{ $offer->min }}
                                    </td>
                                    <td>
                                        {{ $offer->max }}

                                    </td>

                                    <td>
                                        {{ $offer->description }}

                                    </td>
                                    <td>
                                        <span class="badge bg-success">
                                            Offer  {{ $offer->offer_status }}
                                        </span>

                                    </td>
                                    <td>
                                        <a href="{{ route('admin.view.offer.detail', ['id' => $offer->id]) }}">
                                            View
                                        </a>
                                    </td>

                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection
@section('script')
<script>
    $(document).ready(function() {
        $('#example').DataTable({
            pageLength: 10,
            order: [
                [0, 'desc']
            ]
        });
    });
</script>
<script>
    $(".tribute").on("click", function() {
        var dataId = $(this).attr("data-id");
        var datastatus = $(this).attr("data-status");
        $(".tribute_id").val(dataId);
        $(".status").val(datastatus);
    });

    $(".offer").on("click", function() {
        var dataId = $(this).attr("data-id");
        $(".ad_id").val(dataId);
        // alert(dataId)
    });

    $(".reject").on("click", function() {
        var dataId = $(this).attr("data-id");
        var datacomment = $(this).attr("data-comment");
        $(".ad_id").val(dataId);
        $(".comment").val(datacomment);

        // alert(dataId)
    });

    $(document).ready(function () {
        $('#statusSelect').on('change', function () {
            if ($(this).val() == '2') {
                $('#rejectReason').removeClass('d-none');
            } else {
                $('#rejectReason').addClass('d-none');
            }
        });
    });

</script>
@endsection