@extends("layouts.admin.app")
@section("page-title")
    {{__("users-points")}}
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{__("users-points")}}</h1>
            <p>{{__("all-users-points")}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("users-points")}}</a></li>
        </ul>
    </div>
@endsection
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="buttons-group">
                <a href="{{ route('admin.points.create') }}" class="btn btn-primary"><i
                        class="fas fa-plus"></i>{{ __('Transaction Points') }} </a>
            </div> 
            <div class="tile">
                <div class="tile-body">
                    <div class="table-responsive">
                        <table class="table table-hover table-bordered text-center" id="sampleTable">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('Type Transaction') }}</th>
                                    <th>{{ __('Movement') }}</th>
                                    <th>{{ __('Value') }}</th>
                                    @if (isset($request))
                                        <th>{{ __('Balanced') }}</th>
                                    @endif
                                    <th>{{ __('User') }}</th>
                                    <th>{{ __('Created at') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                                                @foreach ($points as $point)
                                                                        <tr>
                                        <td>{{ ++$serial}} </td>
                                        <td>
                                                {{ $point->type }}
                                        </td>
                                        @if ($point->in_out == -1)
                                            <td>
                                                {{ __('discount') }}
                                            </td>
                                        @elseif($point->in_out == 1)
                                            <td>
                                                {{ __('addition') }}
                                            </td>
                                        @endif
                                        <td>{{ number_format($point->value, 2) . ' IQD' }}</td>
                                        @if (isset($request))
                                            <td>{{ number_format($point->balance, 2) . ' IQD' }}</td>
                                        @endif
                                        <td>{{ $point->user->first_name ." " . $point->user->last_name}}</td>
                                        <td>{{ date('d/m/Y h:i A', strtotime($point->created_at)) }}</td>
                                    </tr>
                                @endforeach
                                @if (isset($request))
                                    <tr class="bg-dark text-white">
                                        <td>{{ __('Total') }}</td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td>{{ number_format($balanced, 2) . ' RS' }}</td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <!-- Data table plugin-->
    <script type="text/javascript" src="{{ asset('assets/js/plugins/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/dataTables.bootstrap.min.js') }}"></script>
    <script type="text/javascript">
        $('#sampleTable').DataTable();
    </script>
@endsection