@extends('user.layout')

@section('content')

<div class="page-header">
    <h4 class="page-title">{{ __('My Sent Offers') }}</h4>

    <ul class="breadcrumbs">
        <li class="nav-home">
            <a href="{{ route('user-dashboard') }}">
                <i class="flaticon-home"></i>
            </a>
        </li>

        <li class="separator">
            <i class="flaticon-right-arrow"></i>
        </li>

        <li class="nav-item">
            <a href="{{ route('user.private_seller_marketplace.vehicles') }}">
                {{ __('Private Seller Vehicles') }}
            </a>
        </li>

        <li class="separator">
            <i class="flaticon-right-arrow"></i>
        </li>

        <li class="nav-item">
            <a href="#">{{ __('My Offers') }}</a>
        </li>
    </ul>
</div>

<div class="row">
    <div class="col-md-12">

        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        @if (session('warning'))
            <div class="alert alert-warning">
                {{ session('warning') }}
            </div>
        @endif

        <div class="card">

            <div class="card-header">
                <div class="card-title">
                    {{ __('Offers Sent To Private Sellers') }}
                </div>
            </div>

            <div class="card-body">

                @if(count($offers) > 0)

                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">

                            <thead>
                                <tr>
                                    <th>{{ __('Vehicle') }}</th>
                                    <th>{{ __('Seller') }}</th>
                                    <th>{{ __('Offer Price') }}</th>
                                    <th>{{ __('Vehicle Price') }}</th>
                                    <th>{{ __('Status') }}</th>
                                    <th>{{ __('Date') }}</th>
                                    <th>{{ __('Action') }}</th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach ($offers as $offer)
                                    <tr>
                                        <td width="25%">
                                            @php
                                                $img = isset($offer->vehicle->images[0])
                                                    ? asset('uploads/vehicles/' . $offer->vehicle->images[0]->image)
                                                    : asset('assets/img/noimage.jpg');
                                            @endphp

                                            <div class="d-flex align-items-center">
                                                <img
                                                    src="{{ $img }}"
                                                    style="width:70px;height:55px;object-fit:cover;border-radius:5px;margin-right:10px;"
                                                >

                                                <div>
                                                    <strong>
                                                        <a href="{{ route('user.private_seller_marketplace.offer_details', $offer->id) }}">
                                                            {{ \Illuminate\Support\Str::limit($offer->vehicle->title ?? 'Vehicle', 35) }}
                                                        </a>
                                                    </strong>

                                                    <div style="font-size:12px;color:#777;">
                                                        {{ $offer->vehicle->brand->name ?? '-' }}
                                                        /
                                                        {{ $offer->vehicle->model->name ?? '-' }}
                                                    </div>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            {{ ($offer->seller->first_name ?? '') . ' ' . ($offer->seller->last_name ?? '') }}

                                            <br>

                                            <small class="text-muted">
                                                {{ $offer->seller->email ?? '' }}
                                            </small>
                                        </td>

                                        <td>
                                            <strong>
                                                @if(!empty($offer->offer_price))
                                                    ${{ number_format($offer->offer_price, 0, '.', ',') }}
                                                @else
                                                    -
                                                @endif
                                            </strong>
                                        </td>

                                        <td>
                                            <strong>
                                                @if(!empty($offer->vehicle->price))
                                                    ${{ number_format($offer->vehicle->price, 0, '.', ',') }}
                                                @else
                                                    -
                                                @endif
                                            </strong>
                                        </td>

                                        <td>
                                            @php
                                                $status = $offer->status;
                                            @endphp

                                            @if($status == 'pending')
                                                <span class="badge badge-warning">{{ __('Pending') }}</span>
                                            @elseif($status == 'accepted')
                                                <span class="badge badge-success">{{ __('Contact Available') }}</span>
                                            @elseif($status == 'contact_requested')
                                                <span class="badge badge-success">{{ __('Contact Available') }}</span>
                                            @elseif($status == 'not_selected')
                                                <span class="badge badge-danger">{{ __('Not Selected') }}</span>
                                            @elseif($status == 'rejected')
                                                <span class="badge badge-danger">{{ __('Rejected') }}</span>
                                            @elseif($status == 'expired')
                                                <span class="badge badge-secondary">{{ __('Expired') }}</span>
                                            @else
                                                <span class="badge badge-secondary">{{ ucfirst($status) }}</span>
                                            @endif
                                        </td>

                                        <td>
                                            {{ $offer->created_at->format('d M Y') }}
                                        </td>

                                        <td width="180">
                                            <a
                                                href="{{ route('user.private_seller_marketplace.offer_details', $offer->id) }}"
                                                class="btn btn-sm btn-info mb-1"
                                            >
                                                <i class="fas fa-eye"></i>
                                            </a>

                                            @if(in_array($offer->status, ['accepted', 'contact_requested']))
                                                <a
                                                    href="{{ route('user.private_seller_marketplace.offer_details', $offer->id) }}"
                                                    class="btn btn-sm btn-success mb-1"
                                                    title="{{ __('Contact Available') }}"
                                                >
                                                    <i class="fas fa-address-card"></i>
                                                </a>
                                            @endif
@if(!in_array($offer->status, ['accepted', 'contact_requested']))

<form  action="{{ route('user.private_seller_marketplace.delete_offer', $offer->id) }}"  style="display:inline-block" method="POST">
    @csrf
    @method('DELETE')

    <button type="submit" class="btn btn-sm btn-danger mb-1">
        <span class="btn-label">
            <i class="fas fa-trash"></i>
        </span>
    </button>
</form>

@endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>

                        </table>
                    </div>

                    <div class="mt-3">
                        {{ $offers->links() }}
                    </div>

                @else

                    <div class="text-center p-5">
                        <h4>{{ __('No offers sent yet') }}</h4>

                        <p class="text-muted">
                            {{ __('Browse private seller vehicles and send your first offer.') }}
                        </p>

                        <a
                            href="{{ route('user.private_seller_marketplace.vehicles') }}"
                            class="btn btn-primary mt-2"
                        >
                            {{ __('Browse Vehicles') }}
                        </a>
                    </div>

                @endif

            </div>
        </div>

    </div>
</div>

@endsection