@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 = '1';
@endphp
@component('admin.components.step_form_pages',
['post_url'=>$post_url,
'type'=>'voucher',
'voucher_series'=>$voucher_series,
'title'=> config('admin.create_voucher')['step_1']['title'] ,
'step'=> $step
])
    @php $form = config('admin.new_voucher')@endphp

    @php $id = 'image'; $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 ])
        <div class="row align-items-center px-2">
            @php
                $imgsrc = $voucher_series['image'] ?? old('image') ?? '' ;
                $link_array = explode('/',$imgsrc);
                $imgsrc2 = end($link_array);
                $last_array2 = explode('?',$imgsrc2);
                $imgsrc3 = reset($last_array2);
            @endphp
{{--            <script>console.log('{{$imgsrc ?? old('file')}}')</script>--}}
            <div class="col-sm-3 px-0 overflow-hidden border bg-light rounded">
                <img id="output" class="img-fluid"  src="{{$voucher_series['image'] ?? old('image') ?? ''}}"/>
            </div>
            <div class="col-sm-9">
                <div class="custom-file">
                    <input type="text" id="{{$id}}" class="d-none {{$hasError?'is-invalid':''}}" name="{{$id}}" value="{{ $imgsrc }}">
                    <input type="file" id="{{$id}}_uploader" class="custom-file-input {{$hasError?'is-invalid':''}}"
                           accept="{{ \App\Http\Controllers\Admin\VoucherSeriesController::IMG_HTML_ACCEPT_RULE }}">
                    <label class="custom-file-label text-nowrap" for="exampleInputFile">{{ $imgsrc3 ?? old('file')??'Choose Image'}}</label>
                </div>
            </div>

        </div>
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent


    @php $id = 'title'; $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 class="form-control {{$hasError?'is-invalid':''}}" placeholder="20% Off Storewide" name="{{$id}}" value="{{ $voucher_series[$id] ?? old($id) ??''}}"/>

        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent

{{--    @php $id = 'title2'; $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 class="form-control {{$hasError?'is-invalid':''}}" placeholder="20% Off Storewide" name="{{$id}}" value="{{ $voucher_series[$id] ?? old($id) ??''}}"/>--}}
{{--        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent--}}
{{--    @endcomponent--}}


    @php $id = 'voucher_type'; $hasError = $errors->has($id) @endphp
    @component('admin.components.form_field_50', ['label'=>$form[$id]['label'],  'help'=>'redeem_guide','required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
        <select id="{{$id}}" name="{{$id}}" class="form-control select2 {{$errors->has($id) ? 'select2-danger':'select2bs4'}} " placeholder="{{$form[$id]['placeholder']}}" style="width: 100%;">
            <option value="online">In-store Vouchers</option>
            <option value="promo_code">E-Commerce/Partner Promo Code</option>
            <option value="physical_item">Physical Item (Delivery)</option>
            <option value="cash_voucher">Cash Voucher (Fund Transfer)</option>
        </select>
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent

    @php $id = 'promotion_type'; $hasError = $errors->has($id) @endphp
    @component('admin.components.form_field_50', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
        <select id="{{$id}}" name="{{$id}}" class="form-control select2 {{$errors->has($id) ? 'select2-danger':'select2bs4'}} " placeholder="{{$form[$id]['placeholder']}}" style="width: 100%;">
            <option value="pwp">Purchase with Purchase (PWP)</option>
            <option value="percentage-off">Percentage Off</option>
            <option value="money-off">Money Off</option>
            <option value="free-gift">Free Gift</option>
        </select>
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent
    <hr class="w-100"/>


    @php $id = 'redemption_period'; $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 ])
        <div class="input-group">
            <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-calendar"></i></span></div>
            <input type="text" class="form-control {{$hasError?'is-invalid':''}}" id="{{$id}}" name="{{$id}}" >
        </div>
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent


    @php $id = 'use_by'; $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 ])
        @php
            $use_by_opt = $voucher_series['use_by_date_option'] ?? old('use_by_date_option') ?? 'custom';
            $use_by_opts = [
                '14_days_after_download' => '14 days after a user has downloaded the voucher',
                'custom_days_after_download' => 'Number of days after a user has downloaded the voucher',
                'custom' => 'Custom date',
                'midnight_daily' => 'Midnight daily',
            ];
        @endphp

        <div class="row bg-light border p-3 mx-auto">
            <div class="col-sm-6">
                @foreach ($use_by_opts as $key => $opt)
                    <div class="custom-control custom-radio mr-3">
                        <input class="custom-control-input" type="radio" id="{{$key}}" value="{{$key}}" name="use_by_date_option" {{ $use_by_opt === $key ? 'checked' : '' }}>
                        <label for="{{$key}}" class="custom-control-label">{{$opt}}</label>
                    </div>
                @endforeach
            </div>

            <div class="col-sm-6">
                @php
                    $use_by_min = 1;
                    $use_by_max = 365;
                    $tid = 'use_by_date_days';
                    $hasError = $errors->has($tid);
                @endphp
                <div class="input-group custom-use-by-opt custom_days_after_download-use-by-date">
                    <div class="input-group-prepend">
                        <span class="input-group-text"><i class="fas fa-calendar-plus"></i></span>
                    </div>
                    <input type="text" data-min="{{$use_by_min}}" data-max="{{$use_by_max}}" maxlength="{{strlen($use_by_max)}}"
                        class="form-control {{$hasError?'is-invalid':''}}" id="{{$tid}}" name="{{$tid}}" >
                    <small class="text-muted d-block w-100">Accepted range between {{$use_by_min}} - {{$use_by_max}}</small>
                    @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($tid) }}@endcomponent
                </div>

                <div class="input-group date custom-use-by-opt custom-use-by-date">
                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-calendar"></i></span></div>
                    <input type="text" class="form-control" id="{{$id}}" name="{{$id}}" >
                    <small class="text-muted d-block w-100">Month/ Day/ Year Hour:Minute Period</small>
                </div>
            </div>
        </div>
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent


    @php $id = 'redeem_max'; $hasError = $errors->has($id) @endphp
    @component('admin.components.form_field_50', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
        <input min="1" type="number" id="redeem_max" name="redeem_max" class="form-control {{$hasError?'is-invalid':''}}" value="{{ $voucher_series[$id] ?? old($id) ??'50'}}">
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent

    @php $id = 'max_usable_voucher'; $hasError = $errors->has($id) @endphp
    @component('admin.components.form_field_50', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
        <input min="1" type="number" id="max_usable_voucher" name="max_usable_voucher"
               class="form-control {{$hasError?'is-invalid':''}}" value="{{ $voucher_series[$id] ?? old($id) ??'50'}}">
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent

    @php $id = 'max_use'; $hasError = $errors->has($id) @endphp
    @component('admin.components.form_field_50', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
        <input type="number" class="form-control" name="max_use"  value="{{ $voucher_series[$id] ?? old($id) ??'1'}}">
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent

    <hr class="w-100"/>

    @php $id = 'allow_download_after_expired'; $hasError = $errors->has($id) @endphp
    @component('admin.components.form_field_50')
        <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}}"
                        {{ $voucher_series[$id] == 1? 'checked' :'' }}>
                <label class="custom-control-label" for="{{$id}}_checkbox">{{$form[$id]['label']}}</label>
            </div>
        </div>
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent

    @php $id = 'allow_download_after_used'; $hasError = $errors->has($id) @endphp
    @component('admin.components.form_field_50')
        <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}}"
                        {{ $voucher_series[$id] == 1? 'checked' :'' }}>
                <label class="custom-control-label" for="{{$id}}_checkbox">{{$form[$id]['label']}}</label>
            </div>
        </div>
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent


    @php $id = 'max_download_per_series_per_user'; $hasError = $errors->has($id) @endphp
    @component('admin.components.form_field_50', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
        <input type="number" class="form-control" name="max_download_per_series_per_user"  value="{{ $voucher_series[$id] ?? old($id) ??'1'}}">
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent

    <hr class="w-100"/>

    @php $id = 'tc'; $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 class="summernote" id="tnc_editor" name="{{$id}}" rows="10" cols="80"
                  value="{{ $voucher_series[$id] ?? old($id) ??''}}">
            {!! $voucher_series[$id] ?? old($id) ?? $default_tnc !!}
        </textarea>
    @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent

    @slot('footer_back')
        @if($voucher_series['series_id'])
            <a href={{ route('edit_voucher_series_summary',$voucher_series['series_id']) }} class="btn btn-default">Back</a>
        @endif
    @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