@extends('layouts.admin.app')

@section('title',translate('messages.bonuses'))

@section('content')
    <div class="content container-fluid">
        <!-- Page Header -->
        <div class="page-header d-flex flex-wrap align-items-center justify-content-between">
            <h1 class="page-header-title">
                <span class="page-header-icon">
                    <img src="{{dynamicAsset('public/assets/admin/img/wallet-setup.png')}}" class="w--26" alt="">
                </span>
                <span>
                    {{translate('messages.wallet_bonus_setup')}}
                </span>
            </h1>
            <!-- <div class="text--primary-2 d-flex flex-wrap align-items-center" type="button" data-toggle="modal" data-target="#how-it-works">
                <strong class="mr-2">{{translate('See_how_it_works!')}}</strong>
                <div class="blinkings">
                    <i class="tio-info text-gray1 fs-16"></i>
                </div>
            </div> -->
        </div>

        @php($language=\App\Models\BusinessSetting::where('key','language')->first())
        @php($language = $language->value ?? null)
        @php($default_lang = str_replace('_', '-', app()->getLocale()))
        <!-- End Page Header -->
        <div class="row g-2">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{route('admin.customer.wallet.bonus.store')}}" method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-12">
                                    <div class="global-bg-box rounded p-xxl-20 p-3 mb-20">
                                        @if ($language)
                                        <div class="js-nav-scroller hs-nav-scroller-horizontal">                                        
                                            <ul class="nav nav-tabs mb-3">
                                                <li class="nav-item">
                                                    <a class="nav-link lang_link active"
                                                    href="#"
                                                    id="default-link">{{translate('messages.default')}}</a>
                                                </li>
                                                @foreach (json_decode($language) as $lang)
                                                    <li class="nav-item">
                                                        <a class="nav-link lang_link"
                                                            href="#"
                                                            id="{{ $lang }}-link">{{ \App\CentralLogics\Helpers::get_language_name($lang) . '(' . strtoupper($lang) . ')' }}</a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                        <div class="lang_form" id="default-form">
                                            <div class="row g-4">
                                                <div class="col-md-6">
                                                    <div class="form-group mb-0">
                                                        <label class="input-label"
                                                            for="default_title">{{ translate('messages.Bonus_Title') }}
                                                            ({{ translate('messages.Default') }})
                                                        </label>
                                                        <input type="text" maxlength="50" name="title[]" id="default_title"
                                                            class="form-control" placeholder="{{ translate('messages.Ex:_EID_Dhamaka') }}"
    
                                                             >
                                                            <div class="d-flex justify-content-end mt-1">
                                                                <span class="text-body-light fs-12">0/50</span>
                                                            </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group mb-0">
                                                        <label class="input-label"
                                                            for="default_description">{{ translate('messages.Short_Description') }}
                                                            ({{ translate('messages.Default') }})
                                                        </label>
                                                        <input maxlength="100" type="text" name="description[]" id="default_description"
                                                            class="form-control" placeholder="{{ translate('messages.Ex:_EID_Dhamaka') }}"
    
                                                             >
                                                            <div class="d-flex justify-content-end mt-1">
                                                                <span class="text-body-light fs-12">0/100</span>
                                                            </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <input type="hidden" name="lang[]" value="default">
                                        </div>
                                        @foreach (json_decode($language) as $lang)
                                            <div class="d-none lang_form"
                                                id="{{ $lang }}-form">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="input-label"
                                                                for="{{ $lang }}_title">{{ translate('messages.Bonus_Title') }}
                                                                ({{ strtoupper($lang) }})
                                                            </label>
                                                            <input type="text" maxlength="50" name="title[]" id="{{ $lang }}_title"
                                                                class="form-control" placeholder="{{ translate('messages.Ex:_EID_Dhamaka') }}"
                                                                 >
                                                                 <div class="d-flex justify-content-end mt-1">
                                                                    <span class="text-body-light fs-12">0/50</span>
                                                                </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="input-label"
                                                                for="{{ $lang }}_description">{{ translate('messages.Short_Description') }}
                                                                ({{ strtoupper($lang) }})
                                                            </label>
                                                            <input type="text" maxlength="100" name="description[]" id="{{ $lang }}_description"
                                                                class="form-control" placeholder="{{ translate('messages.Ex:_EID_Dhamaka') }}"
                                                                 >
                                                                 <div class="d-flex justify-content-end mt-1">
                                                                    <span class="text-body-light fs-12">0/50</span>
                                                                </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <input type="hidden" name="lang[]" value="{{ $lang }}">
                                            </div>
                                        @endforeach
                                        @else
                                            <div id="default-form">
                                                <div class="form-group">
                                                    <label class="input-label"
                                                        for="exampleFormControlInput1">{{ translate('messages.Bonus_Title') }} ({{ translate('messages.default') }})</label>
                                                    <input type="text" maxlength="255" name="title[]" class="form-control"
                                                    placeholder="{{ translate('messages.Ex:_EID_Dhamaka') }}">
                                                </div>
                                                <input type="hidden" name="lang[]" value="default">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="global-bg-box rounded p-xxl-20 p-3 mb-20">
                                        <div class="row g-4">
                                            <div class="col-md-6 col-lg-6">
                                                <div class="form-group mb-0">
                                                    <label class="input-label" for="exampleFormControlInput1">{{translate('messages.Bonus_Amount')}}
                                                        <span  class="d-none" id='cuttency_symbol'>
                                                            ({{ \App\CentralLogics\Helpers::currency_symbol() }})
                                                        </span>
                                                        <span id="percentage">(%)</span>                
                                                        <span class="input-label-secondary text--title" data-toggle="tooltip"
                                                            data-placement="right"
                                                            data-original-title="{{ translate('Set_the_bonus_amount/percentage_a_customer_will_receive_after_adding_money_to_his_wallet.') }}">
                                                            <i class="tio-info text-gray1 fs-16"></i>
                                                        </span>                
                                                    </label>
                                                    <div class="d-flex align-items-center gap-0 border rounded bg-white min-h-41">
                                                        <input type="number" step="0.01" min="1" max="999999999999.99"  placeholder="{{ translate('messages.Ex:_100') }}"  name="bonus_amount" id="bonus_amount" class="form-control border-0 outline-0" required>
                                                        <select name="bonus_type" class="custom-select section-bg1 border-0 w-15p" id="bonus_type" required>
                                                            <option value="percentage">(%)</option>
                                                            <option value="amount">($)</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-lg-6">
                                                <div class="form-group mb-0">
                                                    <label class="input-label" for="exampleFormControlInput1">{{translate('messages.Minimum_Add_Money_Amount')}} ({{ \App\CentralLogics\Helpers::currency_symbol() }})
                                                        <span
                                                        class="input-label-secondary text--title" data-toggle="tooltip"
                                                        data-placement="right"
                                                        data-original-title="{{ translate('Set_the_minimum_add_money_amount_for_a_customer_to_be_eligible_for_the_bonus.') }}">
                                                        <i class="tio-info text-gray1 fs-16"></i>
                                                    </span>
                                                    </label>
                                                    <input type="number" step="0.01" min="1" max="999999999999.99" placeholder="{{ translate('messages.Ex:_10') }}" name="minimum_add_amount" id="minimum_add_amount" class="form-control" required>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-lg-6">
                                                <div class="form-group mb-0">
                                                    <label class="input-label" for="exampleFormControlInput1">{{translate('messages.Maximum_Bonus')}} ({{ \App\CentralLogics\Helpers::currency_symbol() }})
                                                        <span
                                                        class="input-label-secondary text--title" data-toggle="tooltip"
                                                        data-placement="right"
                                                        data-original-title="{{ translate('Set_the_maximum_bonus_amount_a_customer_can_receive_for_adding_money_to_his_wallet.') }}">
                                                        <i class="tio-info text-gray1 fs-16"></i>
                                                    </span>
            
                                                    </label>
                                                    <input type="number" step="0.01" min="1" max="999999999999.99"  placeholder="{{ translate('messages.Ex:_1000') }}" name="maximum_bonus_amount" id="maximum_bonus_amount" class="form-control" required>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-lg-6">
                                                <div class="form-group mb-0">
                                                    <label class="input-label" for="exampleFormControlInput1">{{translate('messages.start_date')}}</label>
                                                    <input type="date" name="start_date" class="form-control" id="date_from" required>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-lg-6">
                                                <div class="form-group mb-0">
                                                    <label class="input-label" for="exampleFormControlInput1">{{translate('messages.expire_date')}}</label>
                                                    <input type="date" name="end_date" class="form-control" id="date_to" required>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="btn--container justify-content-end">
                                <button type="reset" id="reset_btn" class="btn btn--reset">{{translate('messages.reset')}}</button>
                                <button type="submit" class="btn btn--primary">{{translate('messages.submit')}}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header py-2 border-0">
                        <div class="search--button-wrapper">
                            <h5 class="card-title">{{translate('messages.bonus_list')}}<span class="badge badge-soft-dark ml-2" id="itemCount">{{$bonuses->total()}}</span></h5>
                            <form id="dataSearch" class="search-form min--270">
                            @csrf
                                <!-- Search -->
                                <div class="input-group input--group">
                                    <input id="datatableSearch" type="search" name="search" class="form-control" placeholder="{{ translate('messages.Ex_:_Search_by_bonus_title') }}" aria-label="{{translate('messages.search_here')}}">
                                    <button type="submit" class="btn btn--secondary secondary-cmn"><i class="tio-search"></i></button>
                                </div>
                                <!-- End Search -->
                            </form>
                        </div>
                    </div>
                    <!-- Table -->
                    <div class="table-responsive datatable-custom" id="table-div">
                        <table id="columnSearchDatatable"
                               class="table table-borderless table-thead-bordered table-nowrap table-align-middle card-table"
                               data-hs-datatables-options='{
                                "order": [],
                                "orderCellsTop": true,

                                "entries": "#datatableEntries",
                                "isResponsive": false,
                                "isShowPaging": false,
                                "paging":false
                               }'>
                            <thead class="thead-light">
                            <tr>
                                <th class="border-0">{{translate('sl')}}</th>
                                <th class="border-0">{{translate('messages.bonus_title')}}</th>
                                <th class="border-0">{{translate('messages.bonus_info')}}</th>
                                <th class="border-0">{{translate('messages.bonus_amount')}}</th>
                                <th class="border-0">{{translate('messages.started_on')}}</th>
                                <th class="border-0">{{translate('messages.expires_on')}}</th>
                                <th class="border-0">{{translate('messages.last_modified')}}</th>
                                <th class="border-0">{{translate('messages.activity_status')}}</th>
                                <th class="border-0">{{translate('messages.status')}}</th>
                                <th class="border-0 text-center">{{translate('messages.action')}}</th>
                            </tr>
                            </thead>

                            <tbody id="set-rows">
                            @foreach($bonuses as $key=>$bonus)
                                <tr>
                                    <td>{{$key+$bonuses->firstItem()}}</td>
                                    <td>
                                    <span class="d-block font-size-sm text-body max-w-215px min-w-170px line--limit-1">
                                        {{Str::limit($bonus['title'],25,'...')}}
                                    </span>
                                    </td>
                                    <td>{{ translate('messages.minimum_add_amount') }} -    {{\App\CentralLogics\Helpers::format_currency($bonus['minimum_add_amount'])}} <br>
                                        {{ translate('messages.maximum_bonus') }} - {{\App\CentralLogics\Helpers::format_currency($bonus['maximum_bonus_amount'])}}</td>
                                    <td>{{$bonus->bonus_type == 'amount'?\App\CentralLogics\Helpers::format_currency($bonus['bonus_amount']): $bonus['bonus_amount'].' (%)'}}</td>
                                   <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;Carbon\Carbon&quot; not found in /home/chaipost/public_html/reachstage.eelcon.in/resources/views/admin-views/wallet-bonus/index.blade.php:273
Stack trace:
#0 {main}
  thrown in <b>/home/chaipost/public_html/reachstage.eelcon.in/resources/views/admin-views/wallet-bonus/index.blade.php</b> on line <b>273</b><br />