@extends('staff::layouts.default')
@section('title',trans('admin_default.shop_management'))

@section('breadcrumb')
    <li class="active"><a href="#">{{trans('admin_default.shop_management')}}</a></li>
@endsection

@section('content')

    
    <style type="text/css">

        .margin_left_20 {
            margin-left: 30px;
        }

        .margin_left_60 {
            margin-left: 60px;
        }

        .margin_left_80 {
            margin-left: 80px;
        }

    </style>

    <div class="content-wrapper">
        <div class="panel panel-white border-top-success">
            <div class="panel-heading">
                <h5 class="panel-title text-bold">
                    <i class="icon-pencil7 position-left"></i>
                    {{trans('admin_default.general_setting')}}
                </h5>
            </div>

            <div class="panel-body">

                <form class="form-horizontal form-validate-jquery"
                      method="POST"
                      id="frmAdmin"
                      action="{!! url($shop_package . '/shop/save') !!}"
                      enctype="multipart/form-data">

                    {!! csrf_field() !!}

                    <div class="col-sm-6">

                        <fieldset>
                            <legend class="text-large"><h6>Currency & VAT <i class="question-mark-icon icon-question4"
                                                                             style="color: lightgray; cursor: help;"
                                                                             data-id="0"></i></h6>
                            </legend>
                            <!-- currency -->
                            <div class="form-group">

                                <label class="control-label col-lg-3"
                                       for="currency">{{trans('admin_default.currency')}}</label>
                                <div class="col-lg-9">
                                    <select class="form-control" name="shops[currency_id]" required="required">
                                                                                @foreach($currency_list as $key => $value)

                                            
                                            <option value="{{$value->id}}" {{$select}}>{{$value->symbol}}</option>
                                                                                    @endforeach
                                    </select>
                                </div>
                            </div>

                            <!-- exchange rate -->
                            <div class="form-group">
                                <label class="control-label col-lg-3"
                                       for="exchange_rate">{{trans('admin_default.exchange_rate')}}</label>
                                <div class="col-lg-9">
                                    <div class="input-group">
                                        <span class="input-group-addon">1 USD =</span>
                                        <input type="number" step="any" min="0" class="form-control"
                                               name="exchange_rate" value="{{$exchange_rate}}">
                                        <span class="input-group-addon">KHR</span>
                                    </div>
                                </div>

                            </div>

                            <!-- vat -->
                            <div class="form-group">
                                <label class="control-label col-lg-3"
                                       for="vat">{{trans('admin_default.vat') . " (%) "}}</label>
                                <div class="col-lg-9">
                                    <input type="number"
                                           min="0"
                                           class="form-control"
                                           name="shops[vat]"
                                           placeholder="{{trans('admin_default.vat')}}"
                                           value="{{$data->vat}}">
                                </div>
                            </div>
                        </fieldset>

                        <fieldset>
                            <legend class="text-large"><h6>Store Information <i
                                            class="question-mark-icon icon-question4"
                                            style="color: lightgray;cursor: help;" data-id="1"></i></h6>
                            </legend>

                            <!-- website -->
                            <div class="form-group">
                                <label class="control-label col-lg-3"
                                       for="website">{{trans('admin_default.website')}}</label>
                                <div class="col-lg-9">
                                    <input type="text" class="form-control"
                                           name="shops[website]"
                                           placeholder="{{trans('admin_default.website')}}"
                                           value="{{$data->website}}">
                                </div>
                            </div>

                            <!-- timezone -->
                            <div class="form-group">
                                <label class="control-label col-lg-3">{{trans('admin_default.timezone')}}</label>
                                <div class="col-lg-9">
                                                                        <select data-placeholder="Select a timezone..." class="select"
                                            name="shops[timezone]">
                                        <option></option>
                                        @foreach($timezones as $key => $value)
                                            <optgroup label="{{$key}}">
                                                @foreach($value as $keys => $values)
                                                                                                        <option value="{{@$values}}" {{$select}}>{{@$values}}</option>
                                                                                                    @endforeach
                                            </optgroup>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <!-- business contact -->
                            <div class="form-group">
                                <label class="control-label col-lg-3"
                                       for="business_contact">{{trans('admin_default.contact_phone_number')}}</label>
                                <div class="col-lg-9">
                                    <input type="text" class="form-control"
                                           name="shops[business_contact]"
                                           placeholder="{{trans('admin_default.business_contact')}}"
                                           value="{{$data->business_contact}}">
                                </div>
                            </div>

                            <!-- business hour -->
                            <div class="form-group">
                                <label class="control-label col-lg-3"
                                       for="business_hour">{{trans('admin_default.business_hour')}}</label>
                                
                                <div class="col-lg-12">
                                    @foreach($dayOfWeek as $key => $value)
                                        <label class="control-label col-lg-3" for="business_hour"></label>
                                        <div class="col-lg-9">
                                            <label class="control-label col-lg-2">{{$value}}</label>
                                            <div class="col-lg-4">
                                                @if($key == 0)
                                                    <label class="display-block" style="margin-top: -25px">Open
                                                        Hour</label>
                                                @else
                                                    <label class="display-block"></label>
                                                @endif
                                                <select class="select-fixed-single form-control"
                                                        name="business_hour[open_hour][]">
                                                                                                        @for($j = 0; $j < 24; $j++)
                                                        @if($j < 1)
                                                                                                                    @else
                                                                                                                    @endif

                                                        @if(count($business_hour))
                                                            @if($hour == $business_hour[$key]['open_hour'])
                                                                                                                            @endif
                                                        @endif

                                                        <option value="{{$hour}}" {{$selected}}>{{$hour}}</option>

                                                                                                            @endfor
                                                </select>
                                            </div>
                                            <div class="col-lg-4">
                                                @if($key == 0)
                                                    <label class="display-block" style="margin-top: -25px">Close
                                                        Hour</label>
                                                @else
                                                    <label class="display-block"></label>
                                                @endif
                                                <select class="select-fixed-single form-control"
                                                        name="business_hour[close_hour][]">
                                                                                                        @for($j = 0; $j < 24; $j++)
                                                        @if($j < 1)
                                                                                                                    @else
                                                                                                                    @endif

                                                        @if(count($business_hour))
                                                            @if($hour == $business_hour[$key]['close_hour'])
                                                                                                                            @endif
                                                        @endif
                                                        <option value="{{$hour}}" {{$selected}}>{{$hour}}</option>

                                                                                                            @endfor
                                                </select>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>

                            <!-- logo -->
                            <div class="form-group">
                                <label class="control-label col-lg-3">{{trans('admin_default.logo')}}</label>
                                <div class="col-lg-9">
                                                                        <div class="img-container">
                                        <img src="{{config('global.s3_path') . 'logo/' . $path}}"/>
                                    </div>
                                    <input type="file" name="logo" class="file-input" data-show-caption="false"
                                           data-show-upload="false">
                                    <span class="help-block">
                                        {!! \Helper::getUploadHelpBlock($file_input['width'], $file_input['height'], array('jpg', 'jpeg', 'png')) !!}
                                    </span>
                                </div>
                            </div>
                            <input type="hidden" name="exist_path" value="{{$data->logo}}">

                            <!-- banner -->
                            <div class="form-group">
                                <label class="control-label col-lg-3">{{trans('admin_default.banner')}}</label>
                                <div class="col-lg-9">
                                                                        <div class="img-container">
                                        <img src="{{config('global.s3_path') . 'logo/' . $path}}"/>
                                    </div>
                                    <input type="file" name="banner" class="file-input" data-show-caption="false"
                                           data-show-upload="false">
                                    <span class="help-block">
                                        {!! \Helper::getUploadHelpBlock($banner_size['width'], $banner_size['height'], array('jpg', 'jpeg', 'png')) !!}
                                    </span>
                                </div>
                            </div>
                            <input type="hidden" name="exist_banner_path" value="{{$data->banner}}">

                        </fieldset>
                    </div>

                    <div class="col-sm-6">

                        <!-- InApp purchase -->
                        <fieldset>

                            <legend class="text-large"><h6>In-App Purchase <i class="question-mark-icon icon-question4"
                                                                              style="color: lightgray;cursor: help;"
                                                                              data-id="2"></i></h6>
                            </legend>

                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" {{$chk_in_app_purchase_yes}} class="styled"
                                           id="in_app_purchase_check" name="in_app_purchase[in_app_purchase]"
                                           value="{{$inapp_purchase_val}}">
                                    In-App Purchase Available
                                </label>
                            </div>

                            <div id="in_app_purchase_form" {{$chk_in_app_purchase_form_hidden}}>
                                <fieldset style="margin-top: 10px" class="margin_left_20">

                                    <label class="text-semibold" style="font-size: 14px;">Do you have any of these
                                        services? ( Please check at least one )</label>

                                    <div class="checkbox">
                                        <label style="font-style: bold">
                                            <input type="checkbox" {{$chk_pickup_in_store_yes}} class="styled"
                                                   name="in_app_purchase[pickup_instore_service]"
                                                   id="pickup_in_store_check" value="{{$pickup_in_store_val}}">
                                            Pickup in Store service ( The service that allow customers to pickup at any
                                            of your stores after they purchase items in application )
                                        </label>
                                    </div>

                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" {{$chk_delivery_yes}} class="styled"
                                                   id="delivery_check" name="in_app_purchase[delivery_service]"
                                                   value="{{$delivery_val}}">
                                            Delivery Service
                                        </label>
                                    </div>

                                </fieldset>

                                <fieldset id="delivery_form" {{$chk_delivery_hidden_form}} class="margin_left_80"
                                          style="margin-top: 10px;">

                                    <label style="font-size: 14px;" class="text-semibold">What are the conditions of
                                        your delivery service. For example: delivery cost, delivery only in Phnom Penh
                                        etc.Please type your conditions below.</label>

                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <label class="display-block text-semibold">Left inline default</label>
                                            <label class="radio-inline">
                                                <input type="radio" name="by_location_fee"
                                                       value="0" {{$chk_fixed_delivery}}>
                                                {{trans('admin_default.fixed_delivery_fee')}}
                                            </label>

                                        <!-- <label class="radio-inline">
                                            <input type="radio" name="by_location_fee" value="1" {{$chk_by_location_fee}}>
                                            {{trans('admin_default.by_location_fee')}}
                                                </label> -->
                                        </div>
                                    </div>

                                    <div class="col-sm-12 no-padding-left"
                                         id="fixed-delivery-container" {{$show_fixed_delivery}}>
                                        <div class="form-group">
                                            <label class="control-label col-lg-3">Delivery Fee</label>
                                            <div class="col-lg-9">
                                                <div class="input-group">
                                                    <span class="input-group-addon">{{@$currency}}</i></span>
                                                    <input type="number" min="0" step="any" class="form-control"
                                                           name="in_app_purchase[delivery_fee]"
                                                           value="{{$delivery_fee}}"/>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="control-label col-lg-3">Conditions</label>
                                            <div class="col-lg-9">
                                                <textarea rows="5" cols="5" class="form-control"
                                                          placeholder="- Free delivery for any purchase from 5$ up"
                                                          name="in_app_purchase[delivery_service_condition]">{{$delivery_service_condition}}</textarea>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-sm-12 no-padding-left"
                                         id="by-location-container" {{$show_by_location_fee}}>
                                        <fieldset>
                                            <legend>
                                                <p class="no-mrg-bottom">
                                                    <i class="icon icon-location4"></i>
                                                    {{$country_name}}
                                                    <a href="#" id="add-location" class="float-right">
                                                        <i class="icon icon-add"></i>
                                                        {{trans('admin_default.more_location')}}
                                                    </a>
                                                </p>
                                            </legend>
                                            <div class="form-group small-mrg-bot">
                                                <div class="col-sm-6">{{trans('admin_default.location')}}</div>
                                                <div class="col-sm-5">{{trans('admin_default.delivery_fee')}}</div>
                                            </div>
                                            @if(!empty($delivery_location_fee))
                                                @foreach($delivery_location_fee as $k => $v)
                                                    <div class="form-group clone-locations">
                                                        <div class="col-sm-6">
                                                            <input type="text" class="form-control" name="locations[]"
                                                                   value="{{$v->location}}"/>
                                                        </div>
                                                        <div class="col-sm-5">
                                                            <div class="input-group">
                                                                <span class="input-group-addon">{{@$currency}}</i></span>
                                                                <input type="number" min="0" step="any"
                                                                       class="form-control" name="fee[]"
                                                                       value="{{$v->delivery_fee}}"/>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-1 small-pdd-top">
                                                            <div class="input-group">
                                                                <a href="#" class="btn-remove-location">
                                                                    <i class="icon icon-minus-circle2 text-danger"></i>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @else
                                                <div class="form-group clone-locations">
                                                    <div class="col-sm-6">
                                                        <input type="text" class="form-control" name="locations[]"/>
                                                    </div>
                                                    <div class="col-sm-5">
                                                        <div class="input-group">
                                                            <span class="input-group-addon">{{@$currency}}</i></span>
                                                            <input type="number" step="any" class="form-control"
                                                                   name="fee[]"/>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-1 small-pdd-top">
                                                        <div class="input-group">
                                                            <a href="#" class="btn-remove-location">
                                                                <i class="icon icon-minus-circle2 text-danger"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                            <div class="form-group clone-locations for-clone">
                                                <div class="col-sm-6">
                                                    <input type="text" class="form-control" name="locations[]"/>
                                                </div>
                                                <div class="col-sm-5">
                                                    <div class="input-group">
                                                        <span class="input-group-addon">{{@$currency}}</i></span>
                                                        <input type="number" step="any" class="form-control"
                                                               name="fee[]" value=""/>
                                                    </div>
                                                </div>
                                                <div class="col-lg-1 small-pdd-top">
                                                    <div class="input-group">
                                                        <a href="#" class="btn-remove-location">
                                                            <i class="icon icon-minus-circle2 text-danger"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </fieldset>
                                    </div>

                                </fieldset>

                                <fieldset class="margin_left_20" style="margin-top: 10px;">
                                    <!-- purchase methods -->
                                    <div>
                                        <label style="font-size: 14px;" class="text-semibold">What are the purchase
                                            methods that you allow for your customers?</label>
                                        <div class="radio">
                                            <label>
                                                <input type="radio" checked="checked"
                                                       name="in_app_purchase[payment_method]" value="0" {{$payLater}}>
                                                Pay later.
                                            </label>
                                        </div>

                                        <div class="radio">
                                            <label>
                                                <input type="radio" name="in_app_purchase[payment_method]"
                                                       value="1" {{$payFirst}}>
                                                Required customers to pay first.
                                            </label>
                                        </div>

                                        <div class="radio">
                                            <label>
                                                <input type="radio" name="in_app_purchase[payment_method]"
                                                       value="2" {{$bothOption}}>
                                                Both
                                            </label>
                                        </div>
                                    </div>
                                </fieldset>

                                <fieldset class="margin_left_20" style="margin-top: 20px;">
                                    <!-- card requriement -->
                                    <div>
                                        <label style="font-size: 14px;" class="text-semibold">Is membership card
                                            required when purchase?</label>
                                        <div class="radio">
                                            <label>
                                                <input type="radio" checked="checked"
                                                       name="in_app_purchase[require_card]"
                                                       value="1" {{$chk_require_card}}>
                                                {{trans('admin_default.yes')}}
                                            </label>
                                        </div>

                                        <div class="radio">
                                            <label>
                                                <input type="radio" name="in_app_purchase[require_card]"
                                                       value="0" {{$chk_not_require_card}}>
                                                {{trans('admin_default.no')}}
                                            </label>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>

                        </fieldset>

                        <fieldset style="margin-top: 30px;">

                            <legend class="text-large"><h6>In-App reservation <i
                                            class="question-mark-icon icon-question4"
                                            style="color: lightgray;cursor: help;" data-id="3"></i></h6>
                            </legend>

                            <label style="font-size: 14px;" class="text-semibold">Do you have reservation service
                                available for your business?</label>

                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" {{$chk_in_app_reservation_yes}} class="styled"
                                           id="in_app_reservation_check" name="in_app_reservation">
                                    In-App Reservation Available
                                </label>
                            </div>

                            <fieldset class="margin_left_20" style="margin-top: 10px;"
                                      id="in_app_reservation_form" {{$chk_in_app_reservation_form}}>

                                <label style="font-size: 14px;" class="text-semibold">What is the maxinum people you
                                    allow for booking?</label>

                                <div class="form-group">
                                    <div class="col-lg-10">
                                        <input type="number" class="form-control" placeholder="Number of people"
                                               name="in_app_reservation_data[max_booking]" value="{{$max_booking}}"/>
                                    </div>
                                </div>
                            </fieldset>
                        </fieldset>

                        <!-- App store & Google play store links -->
                        <fieldset style="margin-top: 30px;">

                            <legend class="text-large">
                                <h6>
                                    {{trans('admin_default.app_store_and_google_play_store')}}
                                    <i class="question-mark-icon icon-question4" style="color: lightgray;cursor: help;"
                                       data-id="4"></i>
                                </h6>
                            </legend>
                            <!-- app store -->
                            <div class="form-group">
                                <label class="control-label col-lg-3"
                                       for="app_store">{{trans('admin_default.app_store')}}</label>
                                <div class="col-lg-9">
                                    <input type="text"
                                           class="form-control"
                                           name="app_store"
                                           maxlength="255"
                                           value="{{$app_store}}">
                                </div>
                            </div>
                            <!-- google play store -->
                            <div class="form-group">
                                <label class="control-label col-lg-3"
                                       for="google_play_store">{{trans('admin_default.google_play_store')}}</label>
                                <div class="col-lg-9">
                                    <input type="text"
                                           class="form-control"
                                           name="google_play_store"
                                           maxlength="255"
                                           value="{{$google_play_store}}">
                                </div>
                            </div>
                        </fieldset>


                        {{-- Custom Notification Sound --}}
                        <fieldset style="margin-top: 30px;">

                            <legend class="text-large">
                                <h6>Notification
                                    <i class="question-mark-icon icon-question4"
                                       style="color: lightgray;cursor: help;" data-id="5"></i>
                                </h6>
                            </legend>

                            <div class="">
                                <label style="font-size: 14px;"
                                       class="text-semibold">Are you using custom sound
                                    notification?</label>

                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox"
                                               @if(@$shop_property->notification_custom_sound)
                                               checked="checked"
                                               @endif
                                               value="1"
                                               class="styled" id="in_app_reservation_check"
                                               name="notification_custom_sound">
                                        Yes
                                    </label>
                                </div>
                            </div>
                        </fieldset>
                    </div>

                    <div class="clearfix"></div>
                    <div class="form-group">
                        <div class="col-lg-12 col-sm-12 text-right">
                            {!! \Helper::getSaveButton() !!}
                        </div>
                    </div>

                </form>

            </div>

        </div>

    </div>

@endsection

<div class="modal fade info-modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">

            <div class="modal-body">

            </div>

        </div>
    </div>
</div>

<style type="text/css">
    .float-right {
        float: right;
    }

    .small-pdd-top {
        padding-top: 8px;
    }

    .small-mrg-top {
        margin-top: 20px;
    }

    .small-mrg-bot {
        margin-bottom: 5px !important;
    }

    .no-padding-left {
        padding-left: 0;
    }

    .no-mrg-bottom {
        margin-bottom: 0;
    }
</style>

@section('script')
    <script type="text/javascript">
        $(function () {

            var clone_location = $('.for-clone');
            $('.for-clone').remove();

            // upload
            var file_input = $("input[type='file'].file-input"),
                file_input_width = {{$file_input['width']}},
                file_input_height = {{$file_input['height']}};
            file_input.fileinput({
                browseLabel: 'Browse',
                browseClass: 'btn btn-primary',
                uploadClass: 'btn btn-default',
                browseIcon: '<i class="icon-file-plus"></i>',
                uploadIcon: '<i class="icon-file-upload2"></i>',
                removeIcon: '<i class="icon-cross3"></i>',
                layoutTemplates: {
                    icon: '<i class="icon-file-check"></i>'
                },
                allowedFileExtensions: ["jpg", "jpeg", "png"],
                // minImageWidth: file_input_width,
                // maxImageWidth: file_input_width,
                // minImageHeight: file_input_height,
                // maxImageHeight: file_input_height,
                resizeImage: true
            });

            $('input[name="by_location_fee"]').change(function () {
                var val = $(this).val(),
                    fixed_delivery_container = $('#fixed-delivery-container'),
                    by_location_container = $('#by-location-container');
                // if fixed delivery fee
                if (val == 0) {
                    fixed_delivery_container.show();
                    by_location_container.hide();
                }
                // if by location
                else {
                    fixed_delivery_container.hide();
                    by_location_container.show();
                }
            });

            $('#add-location').click(function (e) {
                e.preventDefault();
                var by_location_container = $('#by-location-container'),
                    new_ele = clone_location.clone();
                new_ele.find('input').val("");
                by_location_container.append(new_ele);
            });

            $('#by-location-container').on("click", ".btn-remove-location", function (e) {
                e.preventDefault();
                var me = $(this),
                    parent = me.closest('div.clone-locations');
                parent.remove();
            });


            $('.question-mark-icon').click(function () {

                var dataID = $(this).attr('data-id');

                var description = '';
                if (dataID == "0") { // Currency and VAT

                    description = '<legend>' +
                        '<H5>Currency</H5>' +
                        '</legend>' +
                        '<p>The currency is the type of currency you use when you sell a product. It will display along with the price in mobile application' +
                        '<legend></p>' +
                        '<H5>VAT</H5>' +
                        '</legend>' +
                        '<p>VAT is the percentage of VAT you charge when customers purchase items from your store</p>';

                } else if (dataID == "1") { // Store information
                    description = '<legend>' +
                        '<H5>Business Hour</H5>' +
                        '</legend>' +
                        '<p>The time that your business start and close</p>' +
                        '<legend>' +
                        '<H5>Day Off</H5>' +
                        '</legend>' +
                        '<p>What day that your business will be closed. For example, public holiday.</p>' +
                        '<legend>' +
                        '<H5>Website</H5>' +
                        '</legend>' +
                        '<p>If you have a website for your store, please input your website url here. It will display when user view your store detail.</p>' +
                        '<legend>' +
                        '<H5>Time Zone</H5>' +
                        '</legend>' +
                        '<p>Just in case, you have some stores abroad and they use membership application too. So you need to put the timezone of your store location.</p>' +
                        '<legend>' +
                        '<H5>Business Contact</H5>' +
                        '</legend>' +
                        '<p>The contact number of your business for customers to contact you. It will display when customers view your store detail.</p>' +
                        '<legend>' +
                        '<H5>Logo</H5>' +
                        '</legend>' +
                        '<p>It is recommended that you put your store logo as it is easy for user to know and remember your store quickly.</p>';
                } else if (dataID == '2') { // In App purchase// In App purchase

                    description = '<legend>' +
                        '<H5>In-App Purchase</H5>' +
                        '</legend>' +
                        '<p>If you have In-App purchase availble for your customers, please tick the box below.</p>';
                } else if (dataID == '3') {
                    description = '<legend>' +
                        '<H5>In-App Reservation</H5>' +
                        '</legend>' +
                        '<p>If you have In-App reservation availble for your customers, please tick the box below.So your customers can book something like dining table or VIP room. </p>';
                } else if (dataID == '4') {
                    description = '<legend>' +
                        '<H5>App Store & Google Play Store</H5>' +
                        '</legend>' +
                        '<p>If you have App Store or Google Play Store link for your mobile application, please set it in the box below so your customers can download it. </p>';
                } else if (dataID == '5'){
                    description = `
                        <legend><h5>Notification Merchant</h5></legend>
                        <p>Purchase notification push to Merchant App by branch (Default)</p>
                        <p>If you want to push all notification to merchant app checkbox below.</p>
                        <legend><h5>Notification Sound</h5></legend>
                        <p>If your app has custom sound checkbox below.</p>
                    `;
                }

                var modal = $('.info-modal');
                var modalContent = $('.modal-body');
                modalContent.html(description);
                modal.modal('show');

            });

            $('#in_app_purchase_check').change(function () {

                var in_app_purchase_form = $('#in_app_purchase_form');

                if (this.checked) {
                    $(this).val('1');
                    in_app_purchase_form.show();
                } else {
                    $(this).val('0');
                    in_app_purchase_form.hide();
                }

            });

            $('#delivery_check').change(function () {

                var in_app_purchase_form = $('#delivery_form');

                if (this.checked) {
                    in_app_purchase_form.show();
                    $(this).val('1');
                } else {
                    in_app_purchase_form.hide();
                    $(this).val('0');
                }

            });

            $('#pickup_in_store_check').change(function () {

                if (this.checked) {
                    $(this).val('1');
                } else {
                    $(this).val('0');
                }

            });

            $('#in_app_reservation_check').change(function () {

                var reservation_form = $('#in_app_reservation_form');

                if (this.checked) {
                    $(this).val('1');
                    reservation_form.show();
                } else {
                    $(this).val('0');
                    reservation_form.hide();
                }

            });

        });

    </script>

    @parent

@endsection