@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('Carbon Amount')</th>
                            <th>@lang('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) }}</td>
                            <td data-label="@lang('Project Name')">{{ __($bid->product->name) }}</td>
                            <td data-label="@lang('Carbon Amount')">{{ showAmount($bid->carbon_amount) }}</td>
                            <td data-label="@lang('Amount')">{{ $general->cur_sym }}{{ showAmount($bid->amount) }}</td>
                            <td data-label="@lang('Bid Time')">{{ showDateTime($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-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) }}"
                                    data-bid_carbon_amount="{{ showAmount($bid->carbon_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>
    </div>
</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('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 Amount')
                                <span class="bid-amount"></span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                @lang('Bid Carbon Amount')
                                <span class="bid-carbon_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();
                console.log(data);
                modal.find('.product-name').text(data.product_name);
                modal.find('.bid-carbon_amount').text(data.bid_carbon_amount);
                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('input[name=bid_id]').val(data.bid_id);
                modal.modal('show');
            })
 
            $('#bidModal').on('hidden.bs.modal', function () {
                $('#bidModal form')[0].reset();
            });


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