@extends('layouts.admin')


@section('style')

    <!-- daterange picker -->
    <link rel="stylesheet" href="{{ asset('assets/bower/bootstrap-daterangepicker/daterangepicker.css') }}">
    <!-- bootstrap datepicker -->
    <link rel="stylesheet"
          href="{{ asset('assets/bower/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') }}">
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.css">

    <link rel="stylesheet" href="{{ asset('assets/bower/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.css') }}">

    <style>
        .required {
            color: #dd4b39;
        }

        .d-flex-center {
            display: flex;
            align-items: center;
        }
    </style>

@endSection

@section('script')


    <!-- date-range-picker -->
    <script src="{{ asset('assets/bower/moment/min/moment.min.js') }}"></script>
    <script src="{{ asset('assets/bower/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
    <!-- bootstrap datepicker -->
    <script src="{{ asset('assets/bower/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('assets/bower/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.all.min.js') }}"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.js"></script>
    <script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js"></script>
    <script src="{{ asset('assets/bower/ckeditor/ckeditor.js') }}"></script>

    <script>
        $(function () {

            @if(isset($asset))
                $('#store').val('{{ $asset['store'] }}');
            @endif

            @if(isset($store))
            $('#store').val('{{ $store }}');
            @endif
        });
    </script>

@endSection

@section('content')

    <!-- Content Header (Page header) -->
    @php
       $page_title = isset($asset) ?  __('heading.title_edit_outlet').' <small>'.$asset['name'].'</small>':__('heading.title_create_outlet');
    @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">
                    @csrf
                    <div class="card card-primary card-outline shadow">

                        <div class="card-header p-0 border-bottom-0">
                            {{-- <h3 class="card-title">Details</h3> --}}
                            <ul class="nav nav-tabs" role="tablist">
                                @php
                                    $tabs = [0 => 'Details', 1 => 'Smart Receipt'];
                                    if(!config('sys.enabled_ocr')) {
                                        unset($tabs[1]);
                                    }
                                @endphp
                                @foreach($tabs as $idx => $main_title)
                                    <li class="nav-item">
                                        <a class="nav-link {{ $idx ? 'link-muted' :'active' }}"
                                            href="#nav-tab-{{$idx}}"
                                            data-toggle="tab"
                                            aria-controls="nav-tab-{{$idx}}"
                                            aria-selected="{{ $idx ? 'false' : 'true' }}">
                                            {{ $main_title }}
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <div class="tab-content">
                                <div class="tab-pane fade show active py-1" id="nav-tab-0" role="tabpanel">

                                    <!-- text input -->
                                    <div class="form-group row">
                                        <label class="col-sm-2 control-label">Name <span
                                                    class="required">*</span></label>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control  {{ $errors->has('name') ? 'is-invalid' : '' }} " placeholder="Outlet Name (e.g. Mcdonald's South Avenue)"
                                                name="name" value="{{ $asset['name'] ?? old('name') }}">

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


                                    <div class="form-group row">
                                        <label class="col-sm-2 control-label">Address <span
                                                    class="required">*</span></label>
                                        <div class="col-sm-10">
                                            <textarea name="address" rows="3" style="width: 100%" class="form-control {{ $errors->has('address') ? 'is-invalid' : '' }} "
                                                    value="{{ $asset['address'] ?? old('address') }}">{!! $asset['address'] ?? old('address')  !!}</textarea>

                                            @if ($errors->has('address'))
                                                <small class="invalid-feedback">{{ $errors->first('address') }}</small>
                                            @endif
                                        </div>
                                    </div>

                                    @if(getModuleActivationStatus() == 'dsc')
                                    <div class="form-group row ">
                                        <label class="col-sm-2 control-label">State <span
                                                class="required">*</span></label>
                                        <div class="col-sm-10">
                                            <select class="form-control {{ $errors->has('state') ? 'is-invalid' : '' }} ">
                                                @foreach(\App\Http\Controllers\Stampcard\StampcardController::get_states() as $state)
                                                    <option value="{{$state['slug']}}">{{$state['state']}}</option>
                                                @endforeach
                                            </select>

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

                                    <div class="form-group row  ">
                                        <label class="col-sm-2 control-label">Store <span
                                                class="required">*</span></label>
                                        <div class="col-sm-10">
                                            <select class="form-control {{ $errors->has('store') ? 'is-invalid' : '' }}" name="store" id="store">
                                                @foreach(getStores() as $store)
                                                    <option value="{{$store['slug']}}">{{$store['name']}}</option>
                                                @endforeach
                                            </select>
                                            <small class="feedback">Create new store from <a target='_blank' href='{{ route('create_store') }}'>here</a> </small>

                                            @if ($errors->has('store'))
                                                <small class="invalid-feedback">{{ $errors->first('store') }}</small>
                                            @endif
                                        </div>
                                    </div>

                                    {{--                            <div class="form-group row {{ $errors->has('location_keywords') ? 'has-validation' : '' }} ">--}}
                                    {{--                                <label class="col-sm-2 control-label">Location keyword <span--}}
                                    {{--                                        class="required">*</span></label>--}}
                                    {{--                                <div class="col-sm-10">--}}
                                    {{--                                    <textarea name="address" rows="5" style="width: 100%" class="form-control "--}}
                                    {{--                                              value="{{ $asset['address'] ?? old('address') }}">{!! $asset['address'] ?? old('address')  !!}</textarea>--}}

                                    {{--                                    @if ($errors->has('address'))--}}
                                    {{--                                        <small class="invalid-feedback">{{ $errors->first('address') }}</small>--}}
                                    {{--                                    @endif--}}
                                    {{--                                    <small class="invalid-feedback">Separate by comma </small>--}}
                                    {{--                                </div>--}}
                                    {{--                            </div>--}}

                                    <div class="form-group row {{ $errors->has('promotion_code_display_method') ? 'has-validation' : '' }} ">
                                        <label class="col-sm-2 control-label">Promotion Code Display Method <span class="required">*</span></label>
                                        <div class="col-sm-10">
                                            <select class="form-control" name="promotion_code_display_method" id="promotion_code_display_method">
                                                <option value="default" {{ old('promotion_code_display_method', $asset->promotion_code_display_method ?? 'default') == 'default' ? 'selected' : '' }}>Select a display method</option>
                                                <option value="qr_code" {{ old('promotion_code_display_method', $asset->promotion_code_display_method ?? '') == 'qr_code' ? 'selected' : '' }}>QR Code</option>
                                                <option value="Barcode" {{ old('promotion_code_display_method', $asset->promotion_code_display_method ?? '') == 'Barcode' ? 'selected' : '' }}>Barcode</option>
                                                <option value="plain_text" {{ old('promotion_code_display_method', $asset->promotion_code_display_method ?? '') == 'plain_text' ? 'selected' : '' }}>Plain text</option>
                                                <option value="redeem_code" {{ old('promotion_code_display_method', $asset->promotion_code_display_method ?? '') == 'redeem_code' ? 'selected' : '' }}>Redeem Code</option>
                                            </select>

                                            @if ($errors->has('promotion_code_display_method'))
                                                <small class="invalid-feedback">{{ $errors->first('promotion_code_display_method') }}</small>
                                            @endif
                                        </div>
                                    </div>

                                </div>

                                <div class="tab-pane fade py-1" id="nav-tab-1" role="tabpanel">
                                    @php
                                        $id = 'company_name';
                                        $comp = [
                                            'label' => 'Receipt Name/Legal Entity Name',
                                        ];
                                    @endphp
                                    @component('admin.components.form_field', [
                                        'class' => 'row ' . transform_if($errors->has($id), 'has-validation'),
                                        'label' => $comp['label'],
                                        'required' => data_get($comp, 'req'),
                                        'description' => data_get($comp, 'descr'),
                                        'ff_classes' => [
                                            'label' => 'col-sm-2',
                                            'slot' => 'col-sm-10 d-flex-center',
                                        ],
                                    ])
                                        <input name="{{ $id }}" id="{{ $id }}" placeholder="{{ data_get($comp, 'placeholder') }}"
                                            type="text" class="form-control"
                                            value="{{ data_get($asset ?? [], $id) ?? '' }}"/>

                                        @if ($errors->has($id))
                                            <small class="invalid-feedback">{{ $errors->first($id) }}</small>
                                        @endif
                                    @endcomponent

                                    @php
                                        $id = 'full_address';
                                        $comp = [
                                            'label' => 'Receipt Full Address',
                                            'placeholder' => '',
                                        ];
                                    @endphp

                                    @component('admin.components.form_field', [
                                        'class' => 'row ' . transform_if($errors->has($id), 'has-validation'),
                                        'label' => $comp['label'],
                                        'required' => data_get($comp, 'req'),
                                        'description' => data_get($comp, 'descr'),
                                        'ff_classes' => [
                                            'label' => 'col-sm-2',
                                            'slot' => 'col-sm-10 d-flex-center',
                                        ],
                                    ])
                                        <textarea name="{{ $id }}" id="{{ $id }}" placeholder="{{ data_get($comp, 'placeholder') }}"
                                                type="text" rows="3" style="width: 100%" class="form-control {{ $errors->has($id) ? 'is-invalid' : '' }} "
                                                value="{{ data_get($asset ?? [], $id) ?? old($id) }}"/>{!! $asset[$id] ?? old($id)  !!}</textarea>

                                        @if ($errors->has($id))
                                            <small class="invalid-feedback">{{ $errors->first($id) }}</small>
                                        @endif
                                    @endcomponent

                                    @php
                                        $id = 'location_keywords';
                                        $comp = [
                                            'label' => 'Smart Receipt Custom Keywords',
                                            'placeholder' => '',
                                        ];
                                    @endphp
                                    @component('admin.components.form_field', [
                                        'class' => 'row ' . transform_if($errors->has($id), 'has-validation'),
                                        'label' => $comp['label'],
                                        'required' => data_get($comp, 'req'),
                                        'description' => data_get($comp, 'descr'),
                                        'ff_classes' => [
                                            'label' => 'col-sm-2',
                                            'slot' => 'col-sm-10 d-flex-center',
                                        ],
                                    ])
                                        <div class="input-group">
                                            <select id="{{ $id }}" name="{{ $id }}[]"
                                                class="filter-input form-control select2 select2bs4" multiple="multiple"
                                                data-placeholder="{{ data_get($comp, 'placeholder') }}" data-tags="true">
                                                @foreach(data_get($asset ?? [], $id) ??[] as $value)
                                                    <option value="{{$value}}" selected>{{$value}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    @endcomponent

                                    @component('admin.components.date_format', ['date_format' => $date_format ?? []])
                                    @endcomponent

                                    @php
                                        $id = 'is_smart_receipt_accepted';
                                        $comp = [
                                            'label' => 'Accepted By Smart Receipt?',
                                        ];
                                    @endphp
                                    @component('admin.components.form_field', [
                                        'class' => 'row ' . transform_if($errors->has($id), 'has-validation'),
                                        'label' => $comp['label'],
                                        'required' => data_get($comp, 'req'),
                                        'description' => data_get($comp, 'descr'),
                                        'ff_classes' => [
                                            'label' => 'col-sm-2',
                                            'slot' => 'col-sm-10 d-flex-center',
                                        ],
                                    ])
                                        <div class="custom-control custom-checkbox">
                                            <input class="custom-control-input" type="checkbox" id="{{ $id }}" name="{{ $id }}"
                                                value="1" {{ transform_if(!$asset || !data_get($asset, 'is_smart_receipt_exclusion'), 'checked') }}/>
                                            <label for="{{ $id }}" class="custom-control-label"></label>
                                        </div>

                                        @if ($errors->has($id))
                                            <small class="invalid-feedback">{{ $errors->first($id) }}</small>
                                        @endif
                                    @endcomponent
                                </div>
                            </div>
                        </div>
                            <!-- /.card-body -->


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


                </form>
            </div>

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

@endsection