@extends('layouts.app')

@section('content')
    <section class="page-header row">
        <h2> Strip Banners </h2>
        <ol class="breadcrumb">
            <li><a href="{{ url('') }}"> Dashboard </a></li>
            <li><a href="{{ url('/manage/stripbanners') }}"> Strip Banners </a></li>
            <li class="active"> Form </li>
        </ol>
    </section>

    <div class="page-content row">
        <div class="page-content-wrapper no-margin">
            {!! Form::open(array('url'=>'/manage/stripbanners', 'class'=>'form-horizontal validated', 'files' => true )) !!}

            <div class="sbox-title clearfix">
                <div class="sbox-tools pull-right">
                    <a href="{{ url('/manage/stripbanners') }}" class="tips btn btn-sm " title="{{ __('core.btn_back') }}">
                        <i class="fa fa-times"></i>
                    </a>
                </div>
                <div class="sbox-tools1 pull-left1">
                    <button name="apply" class="btn btn-sm btn-primary" title="{{ __('core.sb_apply') }}">
                        <i class="fa fa-check"></i> {{ __('core.sb_apply') }}
                    </button>
                    <button name="save" class="btn btn-sm btn-success" title="{{ __('core.sb_save') }}">
                        <i class="fa fa-paste"></i> {{ __('core.sb_save') }}
                    </button>
                </div>
            </div>

            <div class="sbox1">
                <div class="sbox-content clearfix row">
                    <div class="col-xs-12">
                        <ul class="parsley-error-list">
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>

                        <?php $curTime = time();?>
                        <div class="sbox1">
                            <div class="col-md-12">
                                <fieldset class="sbox" style="border-top:0; border-radius: 5px;">
                                    <legend> Strip Banner </legend>
                                    <?php if (!isset($row['id'])) $row['id'] = null; ?>
                                    <input type='hidden' name='id' value='{{$row['id']}}'/>

                                    <div class="col-md-12">
                                        <div class="form-group depen- wrap-banner-text col-md-6">
                                            <label for="text" class="control-label col-md-3 text-left"> Text <span class="asterix text-danger"> * </span></label>
                                            <div class="col-md-9">
                                                <?php if (!isset($row['text'])) $row['text'] = null; ?>
                                                <?php $val = $row['text']; $is_first = true; ?>
                                                <ul class='editor-nav nav nav-tabs'>
                                                    @foreach(explode(',', config('website.cnf_langs')) as $ilang )
                                                        <li class='{{$is_first ? "active" : null}} '>
                                                            <a href='#text_{{$ilang}}_{{$curTime}}' data-toggle='tab'>{{$ilang}}</a>
                                                        </li>
                                                        <?php $is_first = false; ?>
                                                    @endforeach
                                                </ul>

                                                <div class="tab-content">
                                                    <?php $is_first = true; ?>
                                                    @foreach(explode(',', config('website.cnf_langs')) as $ilang )
                                                        <div class='tab-pane tab_{{$ilang}} {{$is_first ? "active" : null}}' id='text_{{$ilang}}_{{$curTime}}'>
                                                        <input name="text[{{$ilang}}]" id='text'
                                                                  required placeholder='Text - {{$ilang}}'
                                                                  class='form-control input-sm' value="{{isset($val[$ilang]) ? $val[$ilang] : ''}}">
                                                        </div>
                                                        <?php $is_first = false; ?>
                                                    @endforeach
                                                </div>
                                            </div>
                                            <div class="col-md-2"></div>
                                        </div>

                                        <div class="form-group depen- wrap-store_id col-md-6">
                                            <label for="Store" class=" control-label col-md-3 text-left"> Store <span class="asterix text-danger"> * </span></label>

                                            <div class="col-md-9">
                                                <?php if (!isset($row['store_id'])) $row['store_id'] = null; ?>

                                                <select name='store_id' id='store_id' class='select2' rows=1'
                                                        data-placeholder='Select Store' placeholder='Select Store'
                                                        required></select>
                                            </div>
                                            <div class="col-md-2"></div>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group depen- wrap-platform col-md-6">
                                            <label for="platform" class="control-label col-md-3 text-left"> Platform <span class="asterix text-danger"> * </span></label>

                                            <div class="col-md-9">
                                                <?php if (!isset($row['platform'])) $row['platform'] = null;   ?>
                                                <select class="form-control input-sm " name="platform" required>
                                                    <option value=""> -- Select Platform -- </option>
                                                    <option value="web" {{($row['platform'] == 'web') ? 'selected="selected"' : ''}}> Web </option>
                                                    <option value="app" {{($row['platform'] == 'app') ? 'selected="selected"' : ''}}> App </option>
                                                    <option value="both" {{($row['platform'] == 'both') ? 'selected="selected"' : ''}}> Both </option>
                                                </select>
                                            </div>
                                            <div class="col-md-2"></div>
                                        </div>

                                        <div class="form-group depen- wrap-link-type col-md-6">
                                            <label for="link_type" class="control-label col-md-3 text-left"> Link Type <span class="asterix text-danger"> * </span></label>

                                            <div class="col-md-9">
                                                <?php if (!isset($row['link_type'])) $row['link_type'] = null; ?>
                                                <select class="form-control input-sm " name="link_type" required>
                                                    <option value=""> -- Select Link Type -- </option>
                                                    <option value="internal" {{($row['link_type'] == 'internal') ? 'selected="selected"' : ''}}> Internal </option>
                                                    <option value="external" {{($row['link_type'] == 'external') ? 'selected="selected"' : ''}}> External </option>
                                                    <option value="url" {{($row['link_type'] == 'url') ? 'selected="selected"' : ''}}> URL </option>
                                                </select>
                                            </div>
                                            <div class="col-md-2"></div>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group depen- wrap-link col-md-6">
                                            <label for="link" class="control-label col-md-3 text-left"> Link <span class="asterix text-danger"> * </span></label>
                                            <div class="col-md-9">
                                                <?php if (!isset($row['link'])) $row['link'] = null; ?>
                                                <?php $val = $row['link']; $is_first = true; ?>
                                                <ul class='editor-nav nav nav-tabs'>
                                                    @foreach(explode(',', config('website.cnf_langs')) as $ilang )
                                                        <li class='{{$is_first ? "active" : null}} '>
                                                            <a href='#link_{{$ilang}}_{{$curTime}}' data-toggle='tab'>{{$ilang}}</a>
                                                        </li>
                                                        <?php $is_first = false; ?>
                                                    @endforeach
                                                </ul>

                                                <div class="tab-content">
                                                    <?php $is_first = true; ?>
                                                    @foreach(explode(',', config('website.cnf_langs')) as $ilang )
                                                        <div class='tab-pane tab_{{$ilang}} {{$is_first ? "active" : null}}' id='link_{{$ilang}}_{{$curTime}}'>
                                                        <input name="link[{{$ilang}}]" id='link'
                                                                  required placeholder='Link - {{$ilang}}'
                                                                  class='form-control input-sm' value="{{isset($val[$ilang]) ? $val[$ilang] : ''}}">
                                                        </div>
                                                        <?php $is_first = false; ?>
                                                    @endforeach
                                                </div>
                                            </div>
                                            <div class="col-md-2"></div>
                                        </div>

                                        <div class="form-group depen- wrap-app-link col-md-6">
                                            <label for="app_link" class="control-label col-md-3 text-left"> App Link <span class="asterix text-danger"> * </span></label>
                                            <div class="col-md-9">
                                                <?php if (!isset($row['app_link'])) $row['app_link'] = null; ?>
                                                <?php $val = $row['app_link']; $is_first = true; ?>
                                                <ul class='editor-nav nav nav-tabs'>
                                                    @foreach(explode(',', config('website.cnf_langs')) as $ilang )
                                                        <li class='{{$is_first ? "active" : null}} '>
                                                            <a href='#app_link_{{$ilang}}_{{$curTime}}' data-toggle='tab'>{{$ilang}}</a>
                                                        </li>
                                                        <?php $is_first = false; ?>
                                                    @endforeach
                                                </ul>

                                                <div class="tab-content">
                                                    <?php $is_first = true; ?>
                                                    @foreach(explode(',', config('website.cnf_langs')) as $ilang )
                                                        <div class='tab-pane tab_{{$ilang}} {{$is_first ? "active" : null}}' id='app_link_{{$ilang}}_{{$curTime}}'>
                                                        <input name="app_link[{{$ilang}}]" id='app_link'
                                                                  required placeholder='App Link - {{$ilang}}'
                                                                  class='form-control input-sm' value="{{isset($val[$ilang]) ? $val[$ilang] : ''}}">
                                                        </div>
                                                        <?php $is_first = false; ?>
                                                    @endforeach
                                                </div>
                                            </div>
                                            <div class="col-md-2"></div>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group depen- wrap-app-deep-link col-md-6">
                                            <label for="app_deep_link" class="control-label col-md-3 text-left"> App Deep Link </label>
                                            <a class="adtip" data-toggle="tooltip" data-placement="bottom" title="Optional"><i class="fa fa-info-circle"></i></a>

                                            <div class="col-md-9">
                                                <?php if (!isset($row['app_deep_link'])) $row['app_deep_link'] = null; ?>
                                                <input type='text' name='app_deep_link' id='app_deep_link' value='{{ $row['app_deep_link'] }}'
                                                       data-parsley-maxlength="500"
                                                       class='form-control input-sm '/>
                                            </div>
                                            <div class="col-md-2"></div>
                                        </div>

                                        <div class="form-group depen- wrap-is_active col-md-6" >
                                            <label for="is_active" class="control-label col-md-3 text-left"> Is Active? <span class="asterix text-danger"> * </span></label>

                                            <div class="col-md-9">
                                                <?php if (!isset($row['is_active'])) $row['is_active'] = '1'; ?>
                                                <div class='switch-wrap'>
                                                    <label class='switch'>
                                                        <input type='hidden' name='is_active' value ='0' />
                                                        <input type='checkbox' name='is_active' value ='1' @if($row['is_active']) checked @endif/>
                                                        <span class="slider round"></span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-2"></div>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group depen- wrap-from col-md-6">
                                            <label for="from" class="control-label col-md-3 text-left"> From Date
                                                <span class="asterix text-danger"> * </span>
                                                <a class="adtip" data-toggle="tooltip" data-placement="bottom" title="Cairo Local Time"><i class="fa fa-info-circle"></i></a>
                                            </label>

                                            <div class="col-md-9">
                                                <?php if (!isset($row['local_from'])) $row['local_from'] = null; ?>
                                                    <div class="input-group m-b" style="width:150px !important;">
                                                        <input type='text' name='from' id='from'
                                                               value='{{ $row['local_from'] }}'
                                                               autocomplete="off"
                                                               required class='form-control input-sm datetime'/>
                                                        <span class="input-group-addon calwrap"><i class="fa fa-calendar"></i></span>
                                                    </div>
                                            </div>
                                            <div class="col-md-2"></div>
                                        </div>

                                        <div class="form-group depen- wrap-to col-md-6">
                                            <label for="to" class="control-label col-md-3 text-left"> To Date
                                                <span class="asterix text-danger"> * </span>
                                                <a class="adtip" data-toggle="tooltip" data-placement="bottom" title="Cairo Local Time"><i class="fa fa-info-circle"></i></a>
                                            </label>

                                            <div class="col-md-9">
                                                <?php if (!isset($row['local_to'])) $row['local_to'] = null; ?>
                                                <div class="input-group m-b" style="width:150px !important;">
                                                    <input type='text' name='to' id='to'
                                                           value='{{ $row['local_to'] }}'
                                                           autocomplete="off"
                                                           required class='form-control input-sm datetime'/>
                                                    <span class="input-group-addon calwrap"><i class="fa fa-calendar"></i></span>
                                                </div>
                                            </div>
                                            <div class="col-md-2"></div>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group depen- wrap-background-color col-md-6">
                                            <label for="background_color" class="control-label col-md-3 text-left"> Background Color <span class="asterix text-danger"> * </span></label>

                                            <div class="col-md-9">
                                                <?php if (!isset($row['background_color'])) $row['background_color'] = null; ?>
                                                <input type='color' name='background_color' id='background_color' value='{{ $row['background_color'] }}'
                                                       required data-parsley-maxlength="500"
                                                       class='form-control input-sm '/>
                                            </div>
                                            <div class="col-md-2"></div>
                                        </div>

                                        <div class="form-group depen- wrap-text_color col-md-6">
                                            <label for="text_color" class="control-label col-md-3 text-left"> Text Color <span class="asterix text-danger"> * </span></label>

                                            <div class="col-md-9">
                                                <?php if (!isset($row['text_color'])) $row['text_color'] = null; ?>
                                                <input type='color' name='text_color' id='text_color' value='{{ $row['text_color'] }}'
                                                       required data-parsley-maxlength="500"
                                                       class='form-control input-sm '/>
                                            </div>
                                            <div class="col-md-2"></div>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group depen- wrap-region col-md-6">
                                            <label for="region" class="control-label col-md-3 text-left"> Region <span class="asterix text-danger"> * </span></label>

                                            <div class="col-md-9">
                                                <?php if (!isset($row['region'])) $row['region'] = null; ?>
                                                <select class="form-control input-sm " name="region" required>
                                                    <option value=""> -- Select Region -- </option>
                                                    @foreach($regions as $region)
                                                        <option value="{{$region->code}}" {{($row['region'] == $region->code) ? 'selected="selected"' : ''}}> {{$region->name}} </option>
                                                    @endforeach
                                                    <option value="global" {{($row['region'] == 'global') ? 'selected="selected"' : ''}}> Global </option>
                                                </select>
                                            </div>
                                            <div class="col-md-2"></div>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="sbox-title clearfix">
                <div class="sbox-tools pull-right">
                    <a href="{{ url('/manage/stripbanners') }}" class="tips btn btn-sm " title="{{ __('core.btn_back') }}">
                        <i class="fa fa-times"></i>
                    </a>
                </div>
                <div class="sbox-tools1 pull-left1">
                    <button name="apply" class="btn btn-sm btn-primary" title="{{ __('core.sb_apply') }}">
                        <i class="fa fa-check"></i> {{ __('core.sb_apply') }}
                    </button>
                    <button name="save" class="btn btn-sm btn-success" title="{{ __('core.sb_save') }}">
                        <i class="fa fa-paste"></i> {{ __('core.sb_save') }}
                    </button>
                </div>
            </div>

            <input type="hidden" name="action_task" value="save"/>
            {!! Form::close() !!}
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#store_id").select2({
                ajax: {
                    url: "{{url('/manage/sliders/ajaxselect?filter=stores:id:name')}}",
                    data: function (params) {
                        return {
                            search: params.term,
                            page: params.page || 1
                        };
                    },
                    dataType: 'json',
                    processResults: function (data) {
                        data.page = data.page || 1;
                        return {
                            results: data.items.map(function (item) {
                                return {
                                    id: item.id,
                                    text: selctToJson(item, 'name')
                                };
                            }),
                            pagination: {
                                more: data.pagination
                            }
                        }
                    },
                    cache: true,
                    delay: 250
                },
                // minimumInputLength: 2,
                multiple: 0,
                width: '100%'
            });

            // Fetch the preselected item, and add to the control
            @if (strlen($row["store_id"]) > 0)
                var store_idSelect = $('#store_id');
                $.ajax({
                    type: 'GET',
                    url: "{!! url('/manage/sliders/ajaxselect?filter=stores:id:name&values='.urlencode($row["store_id"])) !!}",
                }).then(function (data) {
                    // create the option and append to Select2
                    data.items.map(function (item) {
                        var option = new Option(selctToJson(item, 'name'), item.id, true, true);
                        store_idSelect.append(option).trigger('change');
                    });

                    // manually trigger the `select2:select` event
                    store_idSelect.trigger({
                        type: 'select2:select',
                        params: {
                            data: data
                        }
                    });
                });
                store_idSelect.select2_sortable();
            @endif
        });
    </script>
@stop