@extends('layouts.master')
@section('title', config("app.name") . " | Trade")
@section('background-image', asset("assets/images/donate.jpg"))
@section('css')
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
    <style type="text/css">
        body {font-family: 'Lato', sans-serif; background: #000 !important;}
        h1, h4 {font-family: inherit;}
        .modal {font-family: 'Lato', sans-serif;}
    </style>
@endsection
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="nk-gap-1"></div>
                <div class="nk-social-container bg-dark-2 block-border block-shadow rounded p-20">
                    <div class="nk-tabs">
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane fade show active" id="tab-player">
                                <div class="nk-gap-1"></div>
                                <div class="nk-box">
                                    <h2 style="text-align: center; margin-bottom: 2em;">Trade List</h2>
                                    <div class="table-responsive">
                                        <table class="table table-bordered">
                                            <thead class="thead-default">
                                            <tr class="text-center">
                                                <th>#</th>
                                                <th><i class="fal fa-fw fa-exclamation-circle"></i></th>
                                                <th>Price</th>
                                                <th>Seller</th>
                                                <th>Sale Start</th>
                                                <th>Sale End</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @forelse ($trade as $trade_item)
                                                <tr class="text-center">
                                                    <td>
                                                        {{ $trade_item->TRADE_ITEM_SRL }}
                                                    </td>
                                                    <td style="font-weight: bolder; font-size: 14px; color: #ccc; font-family: 'Marcellus SC', serif; ">
                                                        <img src="https://crossfire.pharaoh-gaming.net/assets/images/weapons/{{ $trade_item->ITEM_CODE }}.png" style="height: 135.2px; width:240px; margin-right: 5px;">
                                                        <br/>
                                                        {{ $trade_item->SHORT_NAME }}
                                                    </td>
                                                    <td>
                                                        {{ number_format($trade_item->SALE_PRICE) }} ZP
                                                    </td>
                                                    <td>
                                                        <a href="https://crossfire.pharaoh-gaming.net/profile/{{ $trade_item->REG_USN }}">
                                                            {{ $trade_item->NICK }}
                                                        </a>
                                                    </td>
                                                    <td>
                                                        {{ date('d-g-Y g:i:sA', strtotime($trade_item->EFF_START_DATE)) }}
                                                    </td>
                                                    <td class="text-warning">
                                                        {{ date('d-g-Y g:i:sA', strtotime($trade_item->EFF_END_DATE)) }}
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr class="text-center">
                                                    <td colspan="6" class="text-success">No items available for trade <i class="fal fa-sad-cry"></i></td>
                                                </tr>
                                            @endforelse
                                            </tbody>
                                        </table>
{{--                                        {{ $flipHistory->links("pagination.cf-pagination", ["paginator" => $flipHistory]) }}--}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection