@extends('layout.master')


@push('plugin-styles')
    <link href="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet" />
@endpush

@push('style')
    <style type="text/css">
        .panel-primary {
            border-color: #337ab7;
        }
    </style>
@endpush

@section('content')
    <div class="row">
        <div class="col-md-8 offset-md-2 grid-margin stretch-card">
            <div class="card panel-primary">
                <div class="card-header bg-primary">
                    <div class="col-md-12 d-flex">
                        <span class="col-md-6 text-white font-weight-bold" style="font-size:16px;">Reports</span>
                        <div class="col-md-6 text-right">
                            <div class="dropdown pull-right ml-2">
                                <button class="btn btn-outline-success text-white dropdown-toggle" type="button"
                                    id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true"
                                    aria-expanded="false">Reports</button>
                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                    <a class="dropdown-item" href="{{ url('/reports') }}">Transfer</a>
                                </div>
                            </div>
                            <div class="dropdown pull-right">
                                <button class="btn btn-outline-success text-white dropdown-toggle" type="button"
                                    id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                    aria-expanded="false">Draw Details</button>
                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                    <a class="dropdown-item" href="{{ url('gamedraw') }}">Game Draw</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body">

                    <div class="breadcrumb card mb-3">
                        <form method="get" id="myFormID" action="{{ url('/reports') }}">
                            <div class="forms-sample">
                                <div class="form-group row">
                                    <div class="col-sm-1 text-center mt-2">From</div>
                                    <div class="col-sm-4">
                                        <div class="input-group date datepicker" id="datePickerExample1">
                                            <input type="text" class="form-control" name="from"
                                                placeholder="From"><span class="input-group-addon"><i
                                                    data-feather="calendar"></i></span>
                                        </div>
                                    </div>
                                    <div class="col-sm-1 text-center mt-2">To</div>
                                    <div class="col-sm-4">
                                        <div class="input-group date datepicker" id="datePickerExample">
                                            <input type="text" class="form-control" name="to" placeholder="To"><span
                                                class="input-group-addon"><i data-feather="calendar"></i></span>
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <input class="btn btn-primary form-control" type="submit" value="Get Reports">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>


                    <div id="accordion" class="accordion" role="tablist">

                        <div class="card">
                            <div class="card-header" role="tab" id="headingOne">
                                <h6 class="mb-0">
                                    <a class="collapsed" data-toggle="collapse" href="#collapseOne" aria-expanded="false"
                                        aria-controls="collapseOne">
                                        Transfered
                                    </a>
                                </h6>
                            </div>
                            <div id="collapseOne" class="collapse" role="tabpanel" aria-labelledby="headingOne"
                                data-parent="#accordion">
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-bordered table-striped">
                                            <thead>
                                                <tr>
                                                    <td>Sl no</td>
                                                    <td>TransferedTo</td>
                                                    <td>Type</td>
                                                    <td>Amount</td>
                                                    <td>Time</td>
                                                </tr>
                                            </thead>
                                            <tbody id="transfered">
                                                @php $transferedTotal=0; @endphp
                                                @foreach ($transfered as $key => $transfer)
                                                    @php $transferedTotal += $transfer['creditPoint']; @endphp
                                                    <tr>
                                                        <td>