@php use App\Models\Admin\Draw\Draw; @endphp
@extends('layouts.admin')


@section('style')
@endSection

@section('script')


    <script>
        $(function () {

            var t = $('#db_table').DataTable({
                lengthMenu: [ [10, 25, 50, 100, 200, 500, -1], [10, 25, 50, 100, 200, 500, "All"] ],
                dom:
                    "<'row p-2'<'#create_draw.col-sm-6 mb-2 text-left'>>" +
                    "<'row px-2'<'col-sm-6'l><'col-sm-6'f>>" +
                    "<'row'<'col-sm-12 overflow-auto'tr>>" +
                    "<'row p-2'<'col-sm-5'i><'col-sm-7'p>>",
            });

            t.on( 'order.dt search.dt', function () {
                t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
                    cell.innerHTML = i+1;
                } );
            } ).draw();

            var create_btn = `<a role='button' href="{{ route('draw.create') }}" class="mr-2 btn btn-sm btn-secondary"><i class="fas fa-plus"></i> Create Draw</a>`;
            $('#create_draw').prepend(create_btn);
        });

    </script>

@endSection

@section('content')
    @if(session()->has('error'))
        <div class="alert alert-danger m-2" role="alert">
            {{ session()->get('error') }}
        </div>
    @endif
    <!-- Main content -->
    <section class="content">

        <div class="row">

            <div class="col-md-12">
                <div class="card">
                    <div class="card-header" style="height: 50px;">
                        <h3 class="card-title">List of Draws</h3>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body table-responsive p-0">

                        <table id="db_table" class="table table-bordered table-hover dataTable">
                            <thead>
                            <tr>
                                <th>No.</th>
                                <th>Draw Name</th>
                                <th>Draw Type</th>
                                <th># Winner</th>
                                <th># Substitutes</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($draws as $item)
                                <tr>
                                    <td></td>
                                    <td>{{$item['name']}}</td>
                                    <td>{{ Draw::TYPE[$item['type'] ]}}</td>
                                    <td>{{Arr::get($item, 'settings.number_of_winner')}}</td>
                                    <td>{{Arr::get($item, 'settings.number_of_substitutes')}}</td>
                                    <td><a href="{{ route('draw.show', $item['id']) }}"><button type="button" class="btn btn-block btn-primary btn-xs">View</button></a></td>
                                </tr>
                            @endforeach
                            </tbody>

                        </table>
                    </div>
                    <!-- /.card-body -->
                </div>
            </div>
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->

@endsection