@extends('merchant.layouts.app')
@section('panel')
<div class="row">
    <div class="col-lg-12">
        <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('Project Name')</th>
                            <th>@lang('Winning Date')</th>
                            <th>@lang('Action')</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($winners as $winner)
                            <tr>
                                <td data-label="@lang('S.N')">{{ $winners->firstItem() + $loop->index }}</td>
                                <td data-label="@lang('User Name')">{{ __($winner->user->fullname) }}</td>
                                <td data-label="@lang('Project Name')"><a href="{{ route('product.details',[$winner->product->id, slug($winner->product->name)]) }}" target="_blank">{{ __($winner->product->name) }}</a></td>
                                <td data-label="@lang('Winning Date')">{{ showDateTime($winner->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="{{ $winner->bid->id }}"
                                        data-bid_carbon_amount="{{ $winner->bid->carbon_amount }}"
                                        data-bid_project_total_carbon_amount="{{ $winner->bid->product->carbon_amount }}"
                                        data-product_name="{{ __($winner->bid->product->name) }}"
                                        data-product_price="{{ $general->cur_sym }}{{ showAmount($winner->bid->product->price) }}"
                                        data-user_name="{{ __($winner->bid->user->fullname) }}"
                                        data-date_time="{{ showDateTime($winner->bid->created_at) }}"
                                        data-amount="{{ $general->cur_sym }}{{ showAmount($winner->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 ($winners->hasPages())    
                <div class="card-footer py-4">
                    {{ paginateLinks($winners) }}
                </div>
            @endif
        </div>
    </div>
</div>

{{-- User information 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('User Information')</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="button" class="btn btn--dark" data-dismiss="modal">@lang('Close')</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection


@push('script')
    <script>
        (function ($) {
            "use strict";
            $('.bid-details').click(function(){
                var modal = $('#bidModal');
                var data = $(this).data();
                var user  = $(this).data().user;
                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.bid_carbon_amount);
                modal.modal('show');
            });
 
            $('#bidModal').on('hidden.bs.modal', function () {
                $('#bidModal form')[0].reset();
            });


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