@extends('merchant.layouts.app')
@section('panel')
<div class="card b-radius--10 ">
    <div class="card-body p-0">
        <div class="table-responsive--md  table-responsive">
            <table class="table table--light style--two">
                <thead>
                <tr>
                    <th>@lang('S.N.')</th>
                    <th>@lang('User Name')</th>
                    <th>@lang('Amount')</th>
                    <th>@lang('Carbon Amount')</th>
                    <th>@lang('Bid Time')</th>
                    <th>@lang('Action')</th>
                </tr>
                </thead>
                <tbody>
                @forelse($bids as $bid)
                <tr>
                    <td data-label="@lang('S.N')">{{ $bids->firstItem() + $loop->index }}</td>
                    <td data-label="@lang('User Name')">{{ __($bid->user->fullname) }} <br>
                        @php $bidId = $bid->winner ? $bid->winner->bid_id : ''; @endphp
                        @if ($bid->id == $bidId)
                            <span class="badge badge--success">@lang('Winner')</span>
                        @endif
                    </td>
                    <td data-label="@lang('Amount')">{{ $general->cur_sym }}{{ showAmount($bid->amount) }}</td>
                    <td data-label="@lang('Carbon Amount')">{{ showAmount($bid->carbon_amount) }}</td>
                    <td data-label="@lang('Bid Time')">{{ showDateTime($bid->created_at) }} <br> {{ diffForHumans($bid->created_at) }}</td>
                    <td data-label="@lang('Action')">
                        <button type="button" class="icon-btn bid-details" data-toggle="tooltip" data-original-title="@lang('Details')"
                            data-bid_id="{{ $bid->id }}"
                            data-bid_carbon_amount="{{ $bid->carbon_amount }}"
                            data-bid_project_total_carbon_amount="{{ $bid->product->carbon_amount }}"
                            data-product_name="{{ __($bid->product->name) }}"
                            data-product_price="{{ $general->cur_sym }}{{ showAmount($bid->product->price) }}"
                            data-user_name="{{ __($bid->user->fullname) }}"
                            data-date_time="{{ showDateTime($bid->created_at) }}"
                            data-amount="{{ $general->cur_sym }}{{ showAmount($bid->amount) }}"
                            >
                            <i class="las la-desktop text--shadow"></i>
                        </button>
                    </td>
                </tr>
                @empty
                    <tr>
                        <td class="text-muted text-center" colspan="100%">{{ __($emptyMessage) }}</td>
                    </tr>
                @endforelse

                </tbody>
            </table><!-- table end -->
        </div>
    </div>
    @if ($bids->hasPages())    
        <div class="card-footer py-4">
            {{ paginateLinks($bids) }}
        </div>
    @endif
</div>

{{-- BId modal --}}
<div id="bidModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">@lang('Bid Details')</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="{{ route('merchant.bid.winner') }}" method="POST">
                @csrf
                <div class="modal-body">
                   <div>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                @lang('Project Name'):
                                <span class="product-name"></span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                @lang('Project Total Carbon Unit'):
                                <span class="product-total-carbon"></span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                @lang('Bid User Name'):
                                <span class="bid-user-name"></span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                @lang('Bid Carbon Amount')
                                <span class="bid-carbon"></span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                @lang('Bid Amount')
                                <span class="bid-amount"></span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                @lang('Bid Time')
                                <span class="bid-date-time"></span>
                            </li>
                        </ul>
                   </div>
                   <input type="hidden" name="bid_id">
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn--success btn-block">@lang('Make Winner')</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('breadcrumb-plugins')
<a href="{{ route('merchant.product.index') }}" class="btn btn-sm btn--primary box--shadow1 text--small"><i class="la la-fw la-backward"></i> @lang('Go Back') </a>
@endpush

@push('script')
    <script>
        (function ($) {
            "use strict";
            $('.bid-details').click(function(){
                var modal = $('#bidModal');
                var data = $(this).data();
                modal.find('.product-name').text(data.product_name);
                modal.find('.product-total-carbon').text(data.bid_project_total_carbon_amount);
                modal.find('.product-price').text(data.product_price);
                modal.find('.bid-user-name').text(data.user_name);
                modal.find('.bid-date-time').text(data.date_time);
                modal.find('.bid-amount').text(data.amount);
                modal.find('.bid-carbon').text(data.carbon_amount);
                modal.find('input[name=bid_id]').val(data.bid_id);
                modal.modal('show');
            })
 
            $('#bidModal').on('hidden.bs.modal', function () {
                $('#bidModal form')[0].reset();
            });


        })(jQuery);
    </script>
@endpush