@extends('layouts.admin')


@section('style')
    @parent
    @include('admin.components.create_voucher_series_style')
@endsection

@section('script')
    @include('admin.components.create_voucher_series_script', ['voucher_series',$voucher_series])
@endsection

@section('content')

    @php $step = '2' @endphp
    @component('admin.components.step_form_pages',
    ['post_url'=>$post_url,
    'type'=>'voucher',
    'voucher_series'=>$voucher_series,
    'title'=> config('admin.create_voucher')['step_2']['title'] ,
    'step'=>'2'
    ])
        @php $form = config('admin.new_voucher')@endphp
        @php $id = 'tc_link'; $hasError = $errors->has($id) @endphp
        @component('admin.components.form_field_100', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
            <input type="text" class="form-control {{$hasError?'is-invalid':''}}"
                   placeholder="https://example.com/privacy-policy" name="tc_link"  value="{{ $voucher_series[$id] ?? old($id) ??''}}">
            @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
        @endcomponent

        @if (config('sys.platform_type') == 'gamification' || isHybridVoucherPlatform())
            @php
                $id = 'marketplace_voucher';
                $hasError = $errors->has($id);
                $marketplace_voucher = session()->hasOldInput("{$id}_checkbox")
                    ? ['token' => old('marketplace_voucher')]
                    : ($errors->has('sms_template') ? null : $marketplace_voucher);
            @endphp
            @component('admin.components.form_field_100', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
                <div class="form-group d-flex">
                    <div class="custom-control custom-switch mr-4">
                        <input type="checkbox" class="custom-control-input" id="{{$id}}_checkbox" name="{{$id}}_checkbox"
                            {{ $marketplace_voucher ? 'checked':'' }}>
                        <label class="custom-control-label" for="{{$id}}_checkbox">{{$checkname}}</label>
                    </div>
                    <input id="{{$id}}" name="{{$id}}" type="number" min="0" value="{{ data_get($marketplace_voucher, 'token') }}"
                        class="form-control form-control-sm {{$hasError?'is-invalid':''}}" placeholder="Number of point(s) required"/>
                </div>
                @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
            @endcomponent
        @endif

        @php $id = 'contact_details'; $hasError = $errors->has($id) @endphp
        @component('admin.components.form_field_100', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError, 'class' => "row-{$id}"])
            <div class="form-group d-flex">
                @foreach( [ 'req_name'=>'Name','req_email'=>'Email','req_mobile'=>'Mobile' ] as $id => $checkname)
                    <div class="custom-control custom-switch mr-4">
                        <input type="checkbox" class="custom-control-input" id="{{$id}}" name="{{$id}}"
                            {{ isset($voucher_series) && $voucher_series[$id] == '0' ? '':'checked' }}>
                        <label class="custom-control-label" for="{{$id}}">{{$checkname}}</label>
                    </div>
                @endforeach
            </div>
            @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
        @endcomponent

        @php $id = 'notification'; $hasError = $errors->has($id) @endphp
        @component('admin.components.form_field_100', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError, 'class' => "row-{$id}"])

        @foreach( ['notif_sms'=>'SMS','notif_email'=>'Email (coming soon!)'] as $id => $checkname)
            <div class="form-group mb-1">
                <div class="custom-control custom-switch mr-4">
                    <input type="checkbox" class="custom-control-input" id="{{$id.'-check'}}" name="{{$id}}"
                        @if($id==='notif_email')
                            disabled
                        @else
                            {{ isset($voucher_series) && isset($voucher_series[$id]) && $voucher_series[$id] == '1'?'checked':''}}
                        @endif
                    >
                    <label class="custom-control-label" for="{{$id.'-check'}}">{{$checkname}}</label>
                </div>
            </div>
        @endforeach

        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
        @endcomponent
        <div id="notif-card" class="card card-primary card-tabs w-100 mx-2 row-notif-card d-none">
            <div class="card-header p-0 pt-1">
                <ul class="nav nav-tabs border-0" id="notif-tab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link d-none" id="notif_email-tab" data-toggle="pill" href="#notif_email" role="tab" aria-controls="notif_email" aria-selected="true">Email Notification</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link d-none" id="notif_sms-tab" data-toggle="pill" href="#notif_sms" role="tab" aria-controls="notif_sms" aria-selected="false">SMS Notification</a>
                    </li>
                </ul>
            </div>
            <div class="card-body">
                <div class="tab-content" id="notif-tabContent">
                    <div class="tab-pane fade d-none" id="notif_email" role="tabpanel" aria-labelledby="notif_email-tab">

                        @php $id = 'email_template'; $hasError = $errors->has($id) @endphp
                        @component('admin.components.form_field_100', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
                            <textarea id="email_template" name="email_template" rows="10" style="width:100%;
                                    border-color: #d1d1d1;
                                ">{!! $voucher_series['email_template'] ?? old('email_template') ?? $default_email_template !!}</textarea>

                            <div class="email_variables">
                                @isset($sms_variables)
                                    @foreach($sms_variables as $key => $variable)
                                        <span style="cursor:pointer" class="label badge badge-warning text-white"
                                              data-tag="{{$key}}">{{$variable}}</span>
                                    @endforeach
                                @endisset
                            </div>
                            @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
                        @endcomponent

                        @component('admin.components.form_field_100', ['label'=>'', 'required'=>false , 'hasError'=>$errors->has('sms_template') ])


                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input" type="checkbox" name="is_one_email" id="is_one_email"
                                       @if(isset($voucher_series) && $voucher_series['is_one_email'] == '0') @else checked @endif >
                                <label for="is_one_email" class="custom-control-label">Only send one Email to same user.</label>
                            </div>

                            <small>
                                <i>Cap at 1 Email per unique user daily (even if user downloads multiple vouchers per day)</i>
                            </small>
                        @endcomponent
                    </div>
                    <div class="tab-pane fade d-none" id="notif_sms" role="tabpanel" aria-labelledby="notif_sms-tab">
                        @php $id = 'sms_template'; $hasError = $errors->has($id) @endphp
                        @component('admin.components.form_field_100', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
                            <textarea id="sms_template" name="sms_template" rows="5" style="width:100%;
                                    border-color: #d1d1d1;
                                ">{!! $voucher_series['sms_template'] ?? old('sms_template') ?? $default_sms_template !!}</textarea>

                            <div class="sms_variables">
                                @isset($sms_variables)
                                    @foreach($sms_variables as $key => $variable)
                                        <span style="cursor:pointer" class="label badge badge-warning text-white"
                                              data-tag="{{$key}}">{{$variable}}</span>
                                    @endforeach
                                @endisset
                            </div>
                            @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
                        @endcomponent

                        @component('admin.components.form_field_100', ['label'=>'', 'required'=>false , 'hasError'=>$errors->has('sms_template') ])

                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input" type="checkbox" name="is_one_sms" id="is_one_sms"
                                       @if(isset($voucher_series) && $voucher_series['is_one_sms'] == '0') @else checked @endif >
                                <label for="is_one_sms" class="custom-control-label">Only send one SMS to same user.</label>
                            </div>

                            <small>
                                <i>Cap at 1 SMS per unique user daily (even if user downloads multiple vouchers per day)</i>
                            </small>
                        @endcomponent

                    </div>
                </div>
            </div>

        </div>

        @slot('footer_back')
            <a href={{ substr(request()->url(), 0, -1).((int)$step-1) }} class="btn btn-default">Back</a>
        @endslot
        @slot('footer_next')
            @if($voucher_series['series_id'])
                <button type="submit" class="btn btn-default float-right">Save Step</button>
            @else
                <button type="submit" class="btn btn-info float-right">Next Step</button>
            @endif
        @endslot
    @endcomponent

@endsection