@extends('layouts.admin')


@section('style')
@endSection

@section('script')

    <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/dropzone.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/dropzone.css">

    <script src="{{ asset('assets/bower/ckeditor/ckeditor.js') }}"></script>

    <script>
        $(function () {

            $('.sms_variables .badge').click(function () {

                tag = $(this).data('tag');
                console.log(tag);
                var $txt = $("#sms_template");
                var caretPos = $txt[0].selectionStart;
                var textAreaTxt = $txt.val();
                $txt.val(textAreaTxt.substring(0, caretPos) + tag + textAreaTxt.substring(caretPos));


            })

            CKEDITOR.replace('terms_and_conditions');

            $('[name=redemption_method]').change(function(){
                var redemption_method = $(this).val();
                console.log(redemption_method);

                if(redemption_method == '13_digit_code'){
                    $('.13_digit_code').show();

                }else{
                    $('.13_digit_code').hide();
                }
            }).change()

        });

    </script>

@endSection

@section('content')

    <!-- Content Header (Page header) -->
    @php
        $page_title = __('heading.title_list_voucher_series');
    @endphp

    <!-- Main content -->
    <section class="content">
        <div class="row">

            <div class="col-md-12">

                <form class="form-horizontal form-" action="{{ $post_url ?? '' }}" method="POST"
                      enctype="multipart/form-data">
                    @csrf
                <div class="card card-info">
                    <div class="card-header">
                        {{--<h3 class="card-title">{{ __('heading.title_data_download') }}</h3>--}}
                        <h3 class="card-title">Import Voucher Series</h3>
                        <a href="{{ route('download_csv_template') }}"role="button" class="btn btn-sm btn-default text-muted float-right">Download Template</a>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">

                        {{--<form action="{{ $post_url ?? '' }}" class="dropzone">--}}
                            {{--@csrf--}}
                        {{--</form>--}}


                        <ul class="border bg-light py-2">
                            <li>Only CSV format is allowed</li>
                            <li>Number column shall not have comma (,)</li>
                            <li>Date format shall be (Y-m-d)</li>
                            <li>DateTime format shall be (Y-m-d H:i:s)</li>
                            {{--<li>Select pre data columns. </li>--}}
                            {{--<li>Dynamic columns, choose from the dropdown. / custom </li>--}}
                        </ul>


                        <div class="form-group row {{ $errors->has('redemption_method') ? 'has-error' : '' }} ">
                            <label class="col-sm-2 control-label">Redemption Method<span class="required">*</span></label>
                            <div class="col-sm-10">
                                @php
                                    $methods = [
                                        'none' => 'None',
                                        '6_digit' => '6 Digit Pin',
                                        //'point_redemption' => 'Point',
                                    ];
                                @endphp
                                <select class="form-control" name="redemption_method">
                                    @foreach ($methods as $key => $method)
                                        <option value="{{ $key }}" {{ old('redemption_method') === $key ? 'selected' : '' }}>{{ $method }}</option>
                                    @endforeach
                                </select>

                                @if ($errors->has('redemption_method'))
                                    <small class="help-block">{{ $errors->first('redemption_method') }}</small>
                                @endif
                            </div>
                        </div>


                        {{--
                        <div class="form-group row {{ $errors->has('promotion_mechanic') ? 'has-error' : '' }} ">
                            <label class="col-sm-2 control-label">Promotion Mechanic<span class="required">*</span></label>
                            <div class="col-sm-10">
                                <select class="form-control" name="promotion_mechanic">
                                    <option value="6_digit">6 Digit Voucher Code</option>
                                    <option value="13_digit_code">13 Digit code</option>
                                    <option value="none">None</option>
                                </select>

                                @if ($errors->has('name'))
                                    <small class="help-block">{{ $errors->first('name') }}</small>
                                @endif
                            </div>
                        </div>
                        --}}


                        <div class="form-group row {{ $errors->has('name') ? 'has-error' : '' }} ">
                            <label class="col-sm-2 control-label">Import name <span class="required">*</span></label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control " placeholder="Name to identify the import" name="name" value="{{ $name ?? old('name') }}" >
                                @if ($errors->has('name'))
                                    <small class="help-block">{{ $errors->first('name') }}</small>
                                @endif
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('file') ? 'has-error' : '' }} ">
                            <label class="col-sm-2 control-label">Select File to Upload<span
                                        class="required">*</span></label>
                            <div class="col-sm-10">
                                <input type="file" name="file" id="file" value="{{ old('file') }}">
                                @if ($errors->has('file'))
                                    <small class="help-block">{{ $errors->first('file') }}</small>
                                @endif
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('business_account_id') ? 'has-error' : '' }} ">
                            <label class="col-sm-2 control-label">Business Account<span class="required">*</span></label>
                            <div class="col-sm-10">
                                <select class="form-control select2" style="width: 100%" name="business_account_id" id="business_account_id">
                                    @foreach( $business_accounts as $account)
                                        <option value="{{ $account['id'] }}">{{ $account['account_sn'] }} - {{$account['company_name']}}</option>
                                    @endforeach
                                </select>

                                @if ($errors->has('business_account_id'))
                                    <small class="help-block">{{ $errors->first('business_account_id') }}</small>
                                @endif
                            </div>
                        </div>

                        <!-- Radio button-->
                        <div class="form-group row {{ $errors->has('creative_template') ? 'has-error' : '' }} 13_digit_code">
                            <label class="col-sm-2 control-label">Creative Template</label>
                            <div class="col-sm-10">


                                <div class="form-group">

                                    @foreach($creative_templates as $template)
                                        <div class="radio">
                                            <label>
                                                <input type="radio" name="creative_template" id="creative_template1" value="{{ $template['slug'] }}" >
                                                <img width="100" src="{{ $template['image'] }}">
                                                {{--Sample:--}}
                                                {{--<img width="100" src="{{ $template['image'] }}">--}}
                                                {{ $template['name'] }}
                                            </label>
                                        </div>

                                    @endforeach
                                    {{--<div class="radio">--}}
                                        {{--<label>--}}
                                            {{--<input type="radio" name="creative_template" id="creative_template1" value="option1" checked="">--}}
                                            {{--Option one is this and that—be sure to include why it's great--}}
                                        {{--</label>--}}
                                    {{--</div>--}}
                                    {{--<div class="radio">--}}
                                        {{--<label>--}}
                                            {{--<input type="radio" name="creative_template" id="creative_template2" value="option2">--}}
                                            {{--Option two can be something else and selecting it will deselect option one--}}
                                        {{--</label>--}}
                                    {{--</div>--}}
                                    {{--<div class="radio">--}}
                                        {{--<label>--}}
                                            {{--<input type="radio" name="creative_template" id="creative_template3" value="option3" disabled="">--}}
                                            {{--Option three is disabled--}}
                                        {{--</label>--}}
                                    {{--</div>--}}
                                </div>

                                <small class="help-block"></small>

                            </div>
                        </div>

                    </div>
                </div>
                <div class="card card-info">
                    <div class="card-header ">
                        <h3 class="card-title">Default</h3>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <p>
                            <i>*Include the column in the CSV file to overwrite the default value</i>
                        </p>
                        <br>
                        <div class="form-group row {{ $errors->has('terms_and_conditions') ? 'has-error' : '' }} ">
                            <label class="col-sm-2 control-label">Terms and conditions</label>
                            <div class="col-sm-10">
                                <textarea id="terms_and_conditions" name="terms_and_conditions" rows="10" cols="80">
                                    {!! old('terms_and_conditions') ?? $default['terms_and_conditions'] !!}
                                </textarea>
                                @if ($errors->has('terms_and_conditions'))
                                    <small class="help-block">{{ $errors->first('terms_and_conditions') }}</small>
                                @endif
                            </div>
                        </div>


                        <div class="form-group row {{ $errors->has('sms_template') ? 'has-error' : '' }} ">
                            <label class="col-sm-2 control-label">SMS Template <span
                                        class="required">*</span></label>
                            <div class="col-sm-10">
                                            <textarea id="sms_template" name="sms_template" rows="10" style="width:100%;
    border-color: #d1d1d1;
">{!! old('sms_template') ?? $default['sms_template'] !!}</textarea>

                                <div class="sms_variables">
                                    @foreach($sms_variables as $key => $variable)
                                        <span style="cursor:pointer" class="badge badge-warning"
                                              data-tag="{{$key}}">{{$variable}}</span>
                                    @endforeach
                                </div>

                                @if ($errors->has('sms_template'))
                                    <small class="help-block">{{ $errors->first('sms_template') }}</small>
                                @endif
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('max_use') ? 'has-error' : '' }} ">
                            <label class="col-sm-2 control-label">Number of Times Each Voucher Can Be Used <span
                                        class="required">*</span></label>
                            <div class="col-sm-10">
                                <input type="number" class="form-control" value="1" name="max_use"
                                       value="{{ old('max_use') ?? $default['max_use'] }}">

                                @if ($errors->has('max_use'))
                                    <small class="help-block">{{ $errors->first('max_use') }}</small>
                                @endif
                            </div>
                        </div>

                        <!-- text input -->
                        <div class="form-group row {{ $errors->has('privacy_url') ? 'has-error' : '' }} ">
                            <label class="col-sm-2 control-label">Privacy Policy URL </label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"
                                       placeholder="https://example.com/privacy-policy" name="privacy_url"
                                       value="{{ old('privacy_url') ?? $default['privacy_url'] }}">

                                @if ($errors->has('privacy_url'))
                                    <small class="help-block">{{ $errors->first('privacy_url') }}</small>
                                @endif
                            </div>
                        </div>


                        <!-- text input -->
                        <div class="form-group row {{ $errors->has('redeem_max') ? 'has-error' : '' }} ">
                            <label class="col-sm-2 control-label">Maximum Number of Vouchers to be Issued <span
                                        class="required">*</span></label>
                            <div class="col-sm-10">

                                <input min="1" type="text" id="redeem_max" name="redeem_max" class="form-control"
                                       value="{{ old('redeem_max') ?? $default['redeem_max'] }} ">
                                {{--<small><i><b> {{ $available_number_redeem_code }}</b> redeem codes available</i>--}}
                                {{--</small>--}}
                                <small class="help-block"></small>

                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('contact_details') ? 'has-error' : '' }} ">
                            <label class="col-sm-2 control-label">Select Contact Details to Collect <span
                                        class="required">*</span></label>
                            <div class="col-sm-10">

                                <div class="input-group">

                                    <div>
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox" class="minimal"
                                                       @if( old('req_name') == '0' || $default['req_name'] == '0')  @else checked
                                                       @endif  name="req_name">
                                                Name
                                            </label>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox" class="minimal"
                                                       @if( old('req_email') == '0' || $default['req_email'] == '0')  @else checked
                                                       @endif name="req_email">
                                                Email
                                            </label>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox" class="minimal"
                                                       @if( old('req_mobile') == '0' || $default['req_mobile'] == '0')  @else checked
                                                       @endif  name="req_mobile">
                                                Mobile
                                            </label>
                                        </div>
                                    </div>
                                </div>

                                @if ($errors->has('contact_details'))
                                    <small class="help-block">{{ $errors->first('contact_details') }}</small>
                                @endif
                            </div>
                        </div>



                        {{--<div class="form-group">--}}
                            {{--<label for="file"></label>--}}
                            {{--<input name="file" type="file" id="file">--}}
                        {{--</div>--}}


                    </div>
                    <!-- /.card-body -->
                </div>

                <button class="btn btn-info btn-block mb-4" type="submit">Submit</button>
                </form>
            </div>
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->

@endsection