@extends('master.front')
@section('title')
    {{__('คะแนนสะสม')}}
@endsection

@section('content')
  
 
<div class="bg-gray4">
    <div class="container-fluid container60">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb py-3">
                <li class="breadcrumb-item"><a href="{{route('front.index')}}">{{__('Home')}}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{__('คะแนนสะสม')}}</li>
            </ol>
        </nav>
        <div class="row">
            <div class="col-12 py-4">
                <h2 class="fw-semibold text-center d-flex align-items-center justify-content-start text-blue1">
                    {{__('คะแนนสะสม')}} 
                </h2>
            </div>
        </div>
    </div>
</div>
<div class="bg-gray4">
    <div class="container-fluid container60 pb-5">
        <div class="row">
            <div class="col-md-12 col-xl-2">
                @include('includes.user_sitebar')
            </div>
            <div class="col-md-12 col-xl-10">
                <div class="bg-white card card-body border-0 rounded-0">
                    <div class="d-flex align-items-center">
                        <i class="material-symbols-outlined text-blue1 me-1">
                            star
                        </i>
                        <h5 class="fw-semibold mb-0">{{__('คะแนนสะสม')}}</h5>
                    </div>
                    <div class="card card-body bg-blue4 border-0 my-3">
                        <div class="mb-2">
                            <h6 class="fw-semibold mb-0 d-flex align-items-center">{{__('คะแนนสะสม')}}</h6>
                        </div>
                        @php 
                            $cart_redeem = Session::get('cart_redeem');
                            $redeem_point = 0;
                            if($cart_redeem){
                                foreach($cart_redeem as $item){
                                    $redeem_point += $item['point'];
                                }
                            }
                        @endphp
                        <div class="text-center h1 text-blue1 fw-bold my-4">{{$point - $redeem_point }}<span
                                class="text-black fs-12 ms-2 fw-normal">{{__('คะแนน')}}</span></div>
                        <div class="d-flex justify-content-center">
                            <a href="{{route('user.redeem')}}" class="btn btn-blue rounded-0 mb-3 px-4">{{__('แลกสินค้า')}}</a>
                        </div>
                    </div>
                    {{-- <div class="text-center">
                        <p>จะได้คะแนนสะสมมากขึ้นเมื่อคุณใช้จ่ายมากขึ้น<br>ทุกบาทที่คุณใช้จ่ายที่ Hardware House
                            คุณจะได้รับหนึ่งคะแนน<br>รับ 100 คะแนน และคุณจะได้รับส่วนลด 10%
                            สำหรับการสั่งซื้อครั้งต่อไปของคุณ</p>
                        <a href="" class="link-blue1"><u>เรียนรู้เพิ่มเติมเกี่ยวกับคะแนนสะสม</u></a>
                    </div> --}}

                    <form action="{{ route('user.point') }}" method="GET">
                        <div class="row g-2 mb-3">
                            <div class="col-md-5 col-lg-3">
                                <label for="" class="form-label fs-12 mb-1">{{__('วันที่')}}</label>
                                <input type="date" class="form-control" id="date" name="date" placeholder="">
                            </div>
                            <div class="col-10 col-md-5 col-lg-3">
                                <label for="" class="form-label fs-12 mb-1">{{__('สถานะ')}}</label>
                                <select class="form-select" name="status">
                                    <option value="">{{__('กรุณาเลือก')}}</option>
                                    <option value="get">{{__('ได้รับ')}}</option>
                                    <option value="use">{{__('ใช้งาน')}}</option>
                                </select>
                            </div>
                            <div class="col-2 col-md-2 col-lg-3">
                                <label for="" class="form-label fs-12 mb-2 d-block w-100">&nbsp;</label>
                                <button type="submit" class="btn btn-blue d-flex align-items-center rounded-0"><i
                                        class="material-symbols-outlined">search</i>
                                </button>
                            </div>
                        </div>
                    </form>

                    <ul class="list-group list-group-flush">
                        @foreach($history as $item)
                            <li class="list-group-item px-0">
                                <div class="row gx-0">
                                    <div class="col-12">
                                        <p class="fs-12 text-muted mb-0">{{ $item->created_at->format('d-m-Y H:i:s') }}</p>
                                        @if($item->type == 'get')
                                            <p class="mb-0">{{__('ได้รับคะแนน')}}</p>
                                        @else
                                            <p class="mb-0">{{__('ใช้คะแนน')}}</p>
                                        @endif
                                    </div>
                                    <div class="col-sm-6">
                                        <p class="fw-semibold text-blue1 mb-0">{{$item->order->transaction_number}}</p>
                                    </div>
                                    <div class="col-sm-6 text-end">
                                        @if($item->type == 'get')
                                            <p class="fw-semibold text-blue1 mb-0">+{{$item->point}}</p>
                                        @else
                                            <p class="fw-semibold text-danger mb-0">-{{$item->point}}</p>
                                        @endif
                                    </div>
                                </div>
                            </li>
                        @endforeach
                        
                    </ul>
                    <hr>
                    <div class="text-center">
                        <nav aria-label="..." class="mb-4">
                            {{ $history->links() }}
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection