@extends('cms.layouts.main')

@section('content')
@include('cms.layouts.headers.partials', ['title' => 'View Record'])

<div class="container-fluid mt--7">
    <div class="card bg-secondary shadow">
        <div class="card-header bg-white border-0">
            <div class="row align-items-center">
                <div class="col">
                    <h3 class="mb-0">{{ $page_info['title'] }}</h3>
                </div>
                <div class="col-auto text-right">
                    <a href="{{ route('admin.'.$page_info['link'].'.index') }}" class="btn btn-sm btn-primary">Back to list</a>
                </div>
            </div>
        </div>
        <div class="card-body">
            <ul class="list-unstyled">
                <li>
                    <h4>Draw Number</h4>
                    <p>#{{ $row->Draw->draw_number }}</p>
                </li>
                <hr class="my-4">
                <li>
                    <h4>Balls</h4>
                    <p>{{ $row->balls ? implode(" ", $row->balls) : '' }}</p>
                </li>
                <hr class="my-4">
                <li>
                    <h4>Results</h4>
                    <div class="table-responsive">
                        <table width="100%" class="table">
                            <thead>
                                <th>Winning Numbers</th>
                                <th>Total Prizes (IQD)</th>
                                <th>No. Of Winning Grids</th>
                                <th>Prize Per Grid (IQD)</th>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><input class="form-control form-control-alternative" value="6 Good Numbers" readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[0][1] }}" readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[0][2] }}" readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[0][3] }}" readonly></td>
                                </tr>
                                <tr>
                                    <td><input class="form-control form-control-alternative" value="5 Good Numbers + 1 Additional" readonly readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[1][1] }}" readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[1][2] }}" readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[1][3] }}" readonly></td>
                                </tr>
                                <tr>
                                    <td><input class="form-control form-control-alternative" value="5 Good Numbers" readonly readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[2][1] }}" readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[2][2] }}" readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[2][3] }}" readonly></td>
                                </tr>
                                <tr>
                                    <td><input class="form-control form-control-alternative" value="4 Good Numbers" readonly readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[3][1] }}" readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[3][2] }}" readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[3][3] }}" readonly></td>
                                </tr>
                                <tr>
                                    <td><input class="form-control form-control-alternative" value="3 Good Numbers" readonly readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[4][1] }}" readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[4][2] }}" readonly></td>
                                    <td><input class="form-control form-control-alternative" value="{{ $row->results[4][3] }}" readonly></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </li>
                <hr class="my-4">
                <li>
                    <h4>Youtube</h4>
                    @if($row->youtube)
                    <a href="{{ $row->youtube }}" target="_blank">
                        <button class="btn btn-sm">Watch on Youtube</button>
                    </a>
                    @endif
                </li>
                <hr class="my-4">
                @if($row->image)
                <li>
                    <h4>Image</h4>
                    <img width="400" src="{{ asset($row->image) }}" class="img-thumbnail">
                </li>
                <hr class="my-4">
                @endif
                <li>
                    <h4>Next Loto Jackpot</h4>
                    <p>{{ $row->next_loto_jackpot_formated }}</p>
                </li>
                <hr class="my-4">
                <li>
                    <h4>Created at</h4>
                    <p>{{ date('d M Y - h:i A', strtotime($row->created_at)) }}</p>
                </li>
                <hr class="my-4">
                <li>
                    <h4>Updated at</h4>
                    <p>{{ date('d M Y - h:i A', strtotime($row->updated_at)) }}</p>
                </li>
            </ul>
        </div>
    </div>

    @include('cms.layouts.footers.auth')
</div>
@endsection