@extends('layouts.admin')


@section('style')
    <link rel="stylesheet" href="{{ mix('css/admin-maint-style.css') }}">
    <style>
        .required {
            color: #dd4b39;
        }
        .file-viewer img {
            max-height: 500px;
        }
    </style>
@endSection

@php
    $store_detail = $store->storeDetails[0];
    $demo_receipt_value = $store_detail['demo_receipt_value'] ?? [];
@endphp

@section('script')
    <script src="{{ mix('js/admin/admin-maint.js') }}"></script>
    <script>
        $(function() {
            var PRODUCTS = {!! json_encode($products) !!};
            var product_act = $('select[name="products_actual[]"]');
            var product_sel = $('select[name="products_demo[]"]');
            var merchant_act = $('select[name="merchant_actual"]');
            var merchant_sel = $('select[name="merchant_demo"]').html(merchant_act.html()).val('{{
                old('merchant_demo') ?? $demo_receipt_value['merchant_id']['selected']
            }}');
            merchant_act.val('{{
                old('merchant_actual') ?? $demo_receipt_value['merchant_id']['actual']
            }}');

            var do_product_change = function (merchant_id, el_target) {
                var products = PRODUCTS[merchant_id] || [];

                el_target.find('option').not(':disabled').remove();
                $.each(products, function (key, product) {
                    el_target.append(
                        $('<option>').val(product.id).text(product.name)
                    );
                });
            };

            merchant_sel.on('change', function (e) {
                do_product_change($(this).val(), product_sel);
            }).trigger('change');
            merchant_act.on('change', function (e) {
                do_product_change($(this).val(), product_act);
            }).trigger('change');

            var formatStore = function (store) {
                if (!store.id) {
                    return store.text;
                }
                return $(
                    '<span>'
                        +store.text
                        +'<div>'
                            +'<span style="font-size:8px;">'
                                + merchant_act.find('option[value="'+store.id+'"]').attr('data-address')
                            +'</span>'
                        +'</div>'
                    +'</span>'
                );
            };
            merchant_act.select2({
                templateResult: formatStore
            });
            merchant_sel.select2({
                templateResult: formatStore
            });


            product_sel.val({!!
                json_encode(
                    old('products_demo') ?? $demo_receipt_value['products']['selected'] ?? []
                )
            !!}).trigger('change');
            product_act.val({!!
                json_encode(
                    old('products_actual') ?? $demo_receipt_value['products']['actual'] ?? []
                )
            !!}).trigger('change');


            $('input[name="is_receipt"]').on('change', function () {
                var elems_with_receipt = $("[data-with_receipt='1']");
                var elems_not_receipt = $("[data-with_receipt='0']");
                if ($(this).is(':checked')) {
                    elems_with_receipt.show();
                    elems_not_receipt.hide();
                } else {
                    elems_with_receipt.hide();
                    elems_not_receipt.show();
                }
            }).trigger('change');
        });
    </script>
@endSection

@section('content')
    <!-- Content Header (Page header) -->

    @php
        $page_title = $title.' <small>'.$store->name.''.isset($store_detail) ? ' - ' . $store_detail->label : ''.'</small>';
    @endphp

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

            <div class="col-md-12">
                <form class="form-horizontal" action="{{ $post_url }}" method="POST" enctype="multipart/form-data" autocomplete="off">
                    @csrf

                    <div class="card card-primary card-outline shadow">
                        <div class="card-header">
                            <h3 class="card-title">Details</h3>
                        </div>
                        <!-- /.box-header -->

                        <div class="card-body">
                            <!-- text input -->
                            <div class="form-group row {{ $errors->has('label') ? 'has-error' : '' }}">
                                <label class="col-sm-2 control-label">
                                    Label
                                    <span class="required">*</span>
                                </label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" placeholder="Store A Receipt"
                                           name="label" value="{{ old('label') ?? $store_detail->label }}">

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


                            <div class="form-group row {{ $errors->has('image') ? 'has-error' : '' }}">
                                <label class="col-sm-2 control-label">
                                    Image
                                    <span class="required">*</span>
                                </label>
                                <div class="col-sm-10">
                                    <input type="file" class="custom-file-input" name="image" id="image" accept="image/*">
                                    <label class="custom-file-label" for="image">{{ __('admin_setting.labelFilePicker') }}</label>

                                    @if($errors->has('image'))
                                        <small class="help-block">{{ $errors->first('image') }}</small>
                                    @endif
                                </div>
                                <div class="col-sm-2"></div>
                                <div class="col-sm-10 file-viewer {{ $store_detail->value == '' ? 'd-none' : ''}}">
                                    <img src="{{ asset($store_detail->value) }}" alt="preview">
                                </div>
                            </div>

                            @if($is_demo_receipt)
                                <div class="form-group row {{ $errors->has('content') ? 'has-error' : '' }}">
                                    <label class="col-sm-2 control-label">
                                        Content
                                        <span class="required">*</span>
                                    </label>
                                    <div class="col-sm-10">
                                        <textarea name="content" class="form-control">{{ old('content') ?? $demo_receipt_value['content'] }}</textarea>

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

                                <div class="form-group row {{ $errors->has('is_receipt') ? 'has-error' : '' }}">
                                    <label class="col-sm-2 control-label">
                                        Is a Receipt?
                                        <span class="required">*</span>
                                    </label>
                                    <div class="col-sm-10">
                                        <input type="checkbox" class="form-control-input" name="is_receipt" value="1" {{ (old('is_receipt') ?? $demo_receipt_value['is_receipt'] ?? !isset($store_detail)) == 1 ? 'checked' : '' }}>

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

                                <div class="form-group row {{ $errors->has('is_simulate_duplicate') ? 'has-error' : '' }}" data-with_receipt="1">
                                    <label class="col-sm-2 control-label">
                                        Simulate Duplicate Receipt?
                                        <span class="required">*</span>
                                    </label>
                                    <div class="col-sm-10">
                                        <input type="checkbox" class="form-control-input" name="is_simulate_duplicate" value="1" {{ (old('is_simulate_duplicate') ?? $demo_receipt_value['is_simulate_duplicate']) == 1 ? 'checked' : '' }}>

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

                                <div class="form-group row {{ $errors->has('is_simulate_same_day_same_brand_receipt') ? 'has-error' : '' }}" data-with_receipt="1">
                                    <label class="col-sm-2 control-label">
                                        Simulate Same Day Same Branch Receipt?
                                        <span class="required">*</span>
                                    </label>
                                    <div class="col-sm-10">
                                        <input type="checkbox" class="form-control-input" name="is_simulate_same_day_same_brand_receipt" value="1" {{ (old('is_simulate_same_day_same_brand_receipt') ?? $demo_receipt_value['is_simulate_same_day_same_brand_receipt']) == 1 ? 'checked' : '' }}>

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

                                @if(config('sys.smart_receipt_active'))
                                    <div class="form-group row {{ $errors->has('is_simulate_pending_approval') ? 'has-error' : '' }}">
                                        <label class="col-sm-2 control-label">
                                            Simulate Pending Approval?
                                            <span class="required">*</span>
                                        </label>
                                        <div class="col-sm-10">
                                            <input type="checkbox" class="form-control-input" name="is_simulate_pending_approval" value="1" {{ (old('is_simulate_pending_approval') ?? $demo_receipt_value['is_simulate_pending_approval']) == 1 ? 'checked' : '' }}>

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

                                    <div class="form-group row {{ $errors->has('reward_item') ? 'has-error' : '' }}" data-with_receipt="1">
                                        <label class="col-sm-2 control-label">
                                            Reward Group
                                            <span class="required">*</span>
                                        </label>
                                        <div class="col-sm-10">
                                            <select name="reward_item" class="form-control select2">
                                                <option value="">Select Reward Group</option>
                                                @foreach ($reward_groups ?? [] as $reward_group)
                                                    <option value="{{ $reward_group['id'] }}" title="{{ $reward_group['description'] }}"
                                                        {{
                                                            (old('reward_item') ?? $demo_receipt_value['reward_item']) == $reward_group['id'] ?
                                                            'selected' :
                                                            ''
                                                        }}>
                                                        {{ $reward_group['name'] }}
                                                    </option>
                                                @endforeach
                                            </select>

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

                                <div class="form-group row {{ $errors->has('merchant_actual') ? 'has-error' : '' }}" data-with_receipt="1">
                                    <label class="col-sm-2 control-label">
                                        Merchant (Actual)
                                        <span class="required">*</span>
                                    </label>
                                    <div class="col-sm-10">
                                        <select name="merchant_actual" class="form-control">
                                            <option value="">Select Merchant</option>
                                            @foreach ($assets as $asset)
                                                <option value="{{ $asset['id'] }}" data-address="{{ $asset['address'] }}">
                                                    {{ $asset['name'] }}
                                                </option>
                                            @endforeach
                                        </select>

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

                                <div class="form-group row {{ $errors->has('merchant_demo') ? 'has-error' : '' }}" data-with_receipt="1">
                                    <label class="col-sm-2 control-label">
                                        Merchant (Demo Auto Selected)
                                    </label>
                                    <div class="col-sm-10">
                                        <select name="merchant_demo" class="form-control"></select>

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

                                <div class="form-group row {{ $errors->has('products_actual') ? 'has-error' : '' }}" data-with_receipt="1">
                                    <label class="col-sm-2 control-label">
                                        Products (Actual)
                                        <span class="required">*</span>
                                    </label>
                                    <div class="col-sm-10">
                                        <select name="products_actual[]" class="form-control select2" multiple>
                                            <option value="" disabled>Select Product</option>
                                            {{--
                                            @foreach ($products as $product)
                                                <option value="{{ $product['id'] }}">
                                                    {{ $product['name'] }}
                                                </option>
                                            @endforeach
                                            --}}
                                        </select>

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

                                <div class="form-group row {{ $errors->has('products_demo') ? 'has-error' : '' }}" data-with_receipt="1">
                                    <label class="col-sm-2 control-label">
                                        Products (Demo Auto Selected)
                                    </label>
                                    <div class="col-sm-10">
                                        <select name="products_demo[]" class="form-control select2" multiple>
                                            <option value="" disabled>Select Product</option>
                                        </select>

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

                                <div class="form-group row {{ $errors->has('transaction_amount') ? 'has-error' : '' }}">
                                    <label class="col-sm-2 control-label">
                                        Transaction Amount
                                    </label>
                                    <div class="col-sm-10">
                                        <input name="transaction_amount" type="number" class="form-control" value="{{ old('transaction_amount') ?? $demo_receipt_value['trx_amt'] }}">

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

                                @if(config('sys.smart_receipt_active'))
                                    <div class="form-group row {{ $errors->has('min_amount') ? 'has-error' : '' }}">
                                        <label class="col-sm-2 control-label">
                                            Minimum Amount
                                        </label>
                                        <div class="col-sm-10">
                                            <input name="min_amount" type="number" class="form-control" value="{{ old('min_amount') ?? $demo_receipt_value['min_amount'] }}">

                                            @if($errors->has('min_amount'))
                                                <small class="help-block">{{ $errors->first('min_amount') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                @endif
                            @endif
                        </div>
                        <!-- /.box-body -->


                        <div class="card-footer">
                            {{--<button class="btn btn-default">Reset</button>--}}
                            @if(isset($store_detail))
                                <button type="submit" class="btn btn-info float-right ml-1">{{ __('admin_setting.btnSave') }}</button>
                                {{-- note: do not simply change the name of button, it will post the data for reference--}}

                                <button type='button' data-route='{{ $delete_url }}' class='btn btn-danger btn-delete float-right'>
                                    <i class='fas fa-trash' aria-hidden='true'></i>&nbsp;
                                    {{ __('admin_setting.btnDelete') }}
                                </button>
                            @else
                                <button type="submit" class="btn btn-info float-right">{{ __('admin_setting.btnSubmit') }}</button>
                            @endif
                        </div>
                    </div>


                </form>
            </div>

        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->

    @component('components.utility.modal_confirmation_delete')
    @endcomponent
@endsection