@extends('admin.master')
@section('title', isset($title) ? $title : '')
@section('content')
<div id="table-url" data-url="{{ route('admin.customer_list') }}"></div>
<div class="row">
	<div class="col-md-12">
		<div class="breadcrumb__content">
			<div class="breadcrumb__content__left">
				<div class="breadcrumb__title">
					<h2>{{__('Points Balance')}}</h2>
				</div>
			</div>
			<div class="breadcrumb__content__right">
				<nav aria-label="breadcrumb">
					<ul class="breadcrumb">
						<li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{__('Home')}}</a></li>
						<li class="breadcrumb-item active" aria-current="page">{{__('Admin')}}</li>
					</ul>
				</nav>
			</div>
		</div>
	</div>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="customers__area bg-style mb-30">
      <div class="admin-content-box">
      	<div class="d-flex">
      		<div class="dark-txt me-3">User Name :</div>
      		<div class="orange-txt">{{ $user->name }}</div>
      	</div>
      </div> 
      <div class="row">
      	<div class="col-md-6">
      		<div class="admin-content-box">
		      	<div class="d-flex justify-content-between">
		      		<div class="dark-txt me-3">Active points :</div>
		      		<div class="orange-txt d-flex">
		      			<div class="d-flex"> 
		      				<span class="me-1">{{ $activePoints }}</span>
		      				<span>points</span>	
		      			</div>
		      			<span class="mx-1">=</span>
		      			<div class="d-flex">
		      				<span class="me-1">{{ $activeAmount }}</span>
		      				<span>JOD</span>
		      			</div>
		      		</div>
		      	</div>
		      </div>
      	</div>
      	<div class="col-md-6">
      		<div class="admin-content-box">
		      	<div class="d-flex justify-content-between">
		      		<div class="dark-txt me-3">Pending points :</div>
		      		<div class="orange-txt d-flex">
		      			<div class="d-flex"> 
		      				<span class="me-1">{{ $pendingPoints }}</span>
		      				<span>points</span>	
		      			</div>
		      			<span class="mx-1">=</span>
		      			<div class="d-flex">
		      				<span class="me-1">{{ $pendingAmount }}</span>
		      				<span>JOD</span>
		      			</div>
		      		</div>
		      	</div>
		      </div>
      	</div>
      </div>

      {{-- add points --}}
      	@include('admin.pages.pointsBalance.create')
      {{-- / --}}

      <hr class="admin-orange-dividor">

      {{-- filter --}}
      	@include('admin.pages.pointsBalance.partials.filter')
      {{-- / --}}

      {{-- data table --}}
      	@include('admin.pages.pointsBalance.partials.table')
      {{-- / --}}

      {{-- pagination --}}
        {{-- {{ $points->appends(request()->input())->links('admin.pagination') }} --}}
      {{-- / --}}

    </div>
  </div>
</div>
@endsection