@extends('layouts.app')

@section('content')
    @php
        $locale = session()->get('locale') ? session()->get('locale') : App\Helpers\ConstantHelper::ENGLISH;
    @endphp

    <section class="pay-booking py-4 py-sm-5">
        <div class="container">
            <div class="row align-items-end">
                <div class="col-md-8">
                    <div class="top-head">
                        <h2>{{ __('label.refer_a_friend') }}</h2>
                        <p class="top-sub-ttile"></p>
                        <button class="btn btn-secondary btn-sm" data-target="#filter" data-toggle="modal"><i
                                class="fas fa-filter"></i> {{ __('label.filter') }}</button>
                    </div>
                </div>
                <div class="col-md-4">
                    <form method="get">
                        <input type="hidden" name="tab" value="{{ Request::get('tab') }}">
                        <input class="form-control searchinput" type="text" name="search" value="{{ $search }}"
                            placeholder="{{ Request::get('tab') == 'redeem' ? __('placeholder.search_by_order_no') : __('placeholder.search_name') }}">
                    </form>
                </div>
            </div>
        </div>
    </section>

    <section class="py-2 py-sm-4">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="top-data-design">
                        <img src="/assets/images/reward.png" alt="">
                        <h4>{{ auth()->user()->points }}</h4>
                        <h5><i class="fas fa-gift"></i> {{ __('label.total_reward_points') }}</h5>
                    </div>
                </div>
                <div class="col-md-9">

                    <div class="services-tabs">
                        <nav class="booknavigation">
                            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                <button
                                    class="nav-link mr-0 mr-sm-3 {{ (isset($_GET['tab']) && $_GET['tab'] == 'redeem') || !isset($_GET['tab']) ? 'active' : '' }}"
                                    data-toggle="tab" data-target="#nav-artist" onclick="tabActivate('redeem')">
                                    {{ __('label.redeemed') }}</button>
                                <button
                                    class="nav-link mr-0 mr-sm-3 {{ isset($_GET['tab']) && $_GET['tab'] == 'refer-friend' ? 'active' : '' }}"
                                    data-toggle="tab" data-target="#nav-services" onclick="tabActivate('refer-friend')">
                                    {{ __('label.refer_a_friend') }}</button>

                            </div>
                        </nav>
                        <div class="tab-content mt-3" id="nav-tabContent">
                            <div class="tab-pane fade {{ (isset($_GET['tab']) && $_GET['tab'] == 'redeem') || !isset($_GET['tab']) ? 'show active' : '' }}"
                                id="nav-artist">

                                <div class="table-responsive bg-white">
                                    <table class="table table-striped table-bordered admintable border-0" cellspacing="0"
                                        cellpadding="0">
                                        <tbody>
                                            <tr>
                                                <th>#</th>
                                                <th>{{ __('label.order_no') }}</th>
                                                <th>{{ __('label.date') }}</th>
                                                <th>{{ __('label.artist_business') }}</th>
                                                <th>{{ __('label.service') }}</th>
                                                <th>{{ __('label.redeem_points') }}</th>
                                            </tr>

                                            @forelse ($redeemPoints as $key => $redeemPoint)
                                                <tr>
                                                    <td>{{ ($redeemPoints->currentPage() - 1) * $redeemPoints->perPage() + $key + 1 }}
                                                    </td>
                                                    <td>{{ @$redeemPoint->order_no }}</td>
                                                    <td>{{ @$redeemPoint->date }}</td>
                                                    <td>{{ @$redeemPoint->branch->companyProfile->company_name }}</td>
                                                    <td>
                                                        @foreach ($redeemPoint->services as $service)
                                                            <span class="badge badge-secondary">
                                                                {{ $locale == App\Helpers\ConstantHelper::ARABIC ? $service->name_ar : $service->name_en }}
                                                                @unless ($loop->last)
                                                                @endunless
                                                            </span>
                                                        @endforeach
                                                    </td>
                                                    <td>{{ $redeemPoint->redeem_points }}</td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="6">
                                                        <center class="text-danger">
                                                            {{ __('admin::message.no_records_found') }}
                                                        </center>
                                                    </td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                    {{ $redeemPoints->appends(request()->input())->links('admin::partials.pagination') }}
                                </div>

                            </div>
                            <div class="tab-pane fade {{ isset($_GET['tab']) && $_GET['tab'] == 'refer-friend' ? 'show active' : '' }}"
                                id="nav-services">
                                <div class="table-responsive bg-white">
                                    <table class="table table-striped table-bordered admintable border-0" cellspacing="0"
                                        cellpadding="0">
                                        <tbody>
                                            <tr>
                                                <th>#</th>
                                                <th>{{ __('label.date') }}</th>
                                                <th>{{ __('label.name') }}</th>
                                                <th>{{ __('label.email') }}</th>
                                                <th>{{ __('label.phone') }}</th>
                                                <th>{{ __('label.points_credit') }}</th>
                                                <th>{{ __('label.status') }}</th>
                                            </tr>

                                            @forelse ($users as $key => $user)
                                                <tr>
                                                    <td>{{ ($users->currentPage() - 1) * $users->perPage() + $key + 1 }}
                                                    </td>
                                                    <td>{{ date('d-m-Y', strtotime($user->created_at)) }}</td>
                                                    <td>{{ Ucfirst($user->first_name) }} {{ Ucfirst($user->last_name) }}
                                                    </td>
                                                    <td>{{ $user->email }}</td>
                                                    <td>{{ $user->mobile_number }}</td>
                                                    <td>{{ $user->points }}</td>
                                                    <td><span class="badge-new badge-new-success">Registered</span></td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="7">
                                                        <center class="text-danger">
                                                            {{ __('admin::message.no_records_found') }}
                                                        </center>
                                                    </td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                    {{ $users->appends(request()->input())->links('admin::partials.pagination') }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @include('customer.refers.filter')
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('.fromDate').on('change', function() {
                var fromDate = $(this).val();
                $('.toDate').attr('min', fromDate);
            });

            $('.toDate').on('change', function() {
                var toDate = $(this).val();
                $('.fromDate').attr('max', toDate);
            });
        });

        function tabActivate(tabs) {
            if (tabs == 'redeem') {
                window.location.href = "/refers?tab=redeem";
            } else if (tabs == 'refer-friend') {
                window.location.href = "/refers?tab=refer-friend";
            } else {
                window.location.href = "/refers";
            }

        }
    </script>
@endsection