@extends('layouts.master')
@section('title', config("app.name") . " | Coin Flip History")
@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">
                                    <h5 style="text-align: center; margin-bottom: 2em;">Coin Flip History</h5>
                                    <div class="table-responsive">
                                        <table class="table table-bordered">
                                            <thead class="thead-default">
                                            <tr>
                                                <th>Result</th>
                                                <th>Bet EP</th>
                                                <th>Won ZP</th>
                                                <th>Flip date</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @forelse ($flipHistory as $flip)
                                                <tr>
                                                    <td class="text-center">
                                                        @if ($flip->RESULT == 0)
                                                            <span class="text-success">Won</span>
                                                        @else
                                                            <span class="text-danger">Lost</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        {{ $flip->EP }}
                                                    </td>
                                                    <td>
                                                        {{ $flip->EP / 4 }}
                                                    </td>
                                                    <td>
                                                        {{ date('d-m-Y h:i:s', strtotime($flip->REG_DATE)) }}
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr class="text-center">
                                                    <td colspan="6" class="text-success">You have no flips <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