@extends ('backend.layouts.app')

@section ('title', app_name() . ' | ' . __('appsetting::labels.backend.appsetting.management'))

@section('breadcrumb-links')
    @include('appsetting::includes.breadcrumb-links')
@endsection

@push('after-styles')
    @stack('css')
    {{ style("https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css") }}
    {{ style('assets/plugins/bootstrap-switch/bootstrap-switch.min.css') }}

    <style>
    .caption span {
        font-size: 1.5em;
        font-weight: 500;
    }
    .switch.switch-text .switch-label{
        text-transform: none;
    }

    </style>
@endpush

@section('content')
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-sm-5">
                <h4 class="card-title mb-0">
                    {{ __('appsetting::labels.backend.appsetting.management') }}
                </h4>
            </div><!--col-->
        </div><!--row-->

        <div class="row mt-4">
            <div class="col">
                <ul class="nav nav-tabs">
                    <li class="nav-item">
                        <a class="nav-link active show" data-toggle="tab" href="#basic_setting" role="tab" aria-controls="basic_setting" aria-selected="true">
                        <i class="icon-settings"></i> Basic Setting</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#sms_setting" role="tab" aria-controls="sms_setting" aria-selected="true">
                        <i class="icon-envelope"></i> SMS Setting</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#claims_setting" role="tab" aria-controls="claims_setting" aria-selected="true">
                        <i class="icon-calculator"></i> Claim Setting</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#point_setting" role="tab" aria-controls="point_setting" aria-selected="true">
                        <i class="icon-wallet"></i> Point Setting</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active show" id="basic_setting" role="tabpanel">
                        {{ html()->form('POST', route('admin.appsetting.store'))->class('form-horizontal')->attribute('enctype', 'multipart/form-data')->open() }}
                            {!! html()->hidden('tab','basic') !!}

                            <div class="form-group row {{ $errors->has('main_logo') ? ' has-error' : '' }}">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.main_logo'))->class('col-md-3 form-control-label')->for('main_logo') }}

                                <div class="col-md-9">
                                    <input type="file" value="{{ config('appsetting.basic.main_logo') }}" id="main_logo" name="main_logo" class="form-control"><br>
                                    @if(config('appsetting.basic.main_logo'))
                                        <img src="{{ config('appsetting.basic.main_logo') }}" class="thumbnail"  style="width: 200px; height: 150px;">
                                    @endif
                                </div>
                            </div><br><br>


                            <div class="form-group row {{ $errors->has('app_favicon') ? ' has-error' : '' }}">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.fav_icon'))->class('col-md-3 form-control-label')->for('fav_icon') }}
                                <div class="col-md-9">
                                    <input type="file" value="{{ config('appsetting.basic.favicon') }}" id="app_favicon" name="app_favicon" class="form-control"><br>
                                    @if(config('appsetting.basic.favicon'))
                                        <img src="{{ config('appsetting.basic.favicon') }}" class="thumbnail"  style="width: 200px; height: 150px;">
                                    @endif
                                </div>
                            </div><br><br>


                            <div class="form-group row {{ $errors->has('app_image_in_download') ? ' has-error' : '' }}">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.image_in_download'))->class('col-md-3 form-control-label')->for('image_in_download') }}
                                <div class="col-md-9">
                                    <input type="file" value="{{ config('appsetting.basic.image_in_download') }}" id="app_image_in_download" name="app_image_in_download" class="form-control"><br>
                                    @if(config('appsetting.basic.image_in_download'))
                                        <img src="{{ config('appsetting.basic.image_in_download') }}" class="thumbnail"  style="width: 200px; height: 150px;">
                                    @endif
                                </div>
                            </div><br><br>

                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.appstore').'*')->class('col-md-3 form-control-label')->for('appstore') }}
                                <div class="col-md-9">
                                    {{ html()->text('appstore')->value(config('appsetting.basic.appstore'))->class('form-control')->id('appstore') }}
                                </div>
                            </div>

                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.playstore').'*')->class('col-md-3 form-control-label')->for('playstore') }}
                                <div class="col-md-9">
                                    {{ html()->text('playstore')->value(config('appsetting.basic.playstore'))->class('form-control')->id('playstore') }}
                                </div>
                            </div>

                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.youtubedemo').'*')->class('col-md-3 form-control-label')->for('youtubedemo') }}
                                <div class="col-md-9">
                                    {{ html()->text('youtubedemo')->value(config('appsetting.basic.youtubedemo'))->class('form-control')->id('youtubedemo') }}
                                </div>
                            </div>

                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.intro_content').'*')->class('col-md-3 form-control-label')->for('intro_content') }}
                                <div class="col-md-9">
                                    {{ html()->textarea('intro_content')->value(config('appsetting.basic.intro_content'))->class('form-control')->id('intro_content') }}
                                </div>
                            </div>


                            <div class="form-group row form-md-line-input">

                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.app_name'))->class('col-md-3 form-control-label')->for('app_name') }}
                                <div class="col-md-9">
                                    {{-- <input type="text" value="{{ config('appsetting.basic.name') }}" id="app_name" name="app_name" class="form-control"><br> --}}
                                    {{ html()->text('app_name')->value(config('appsetting.basic.name'))->class('form-control')->id('app_name') }}
                                </div>
                            </div>

                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.facebook_link'))->class('col-md-3 form-control-label')->for('facebook_link') }}
                                <div class="col-md-9">
                                    {{ html()->text('facebook')->value(config('appsetting.basic.facebook'))->class('form-control')->id('facebook') }}
                                </div>
                            </div>

                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.app_email'))->class('col-md-3 form-control-label')->for('app_email') }}
                                <div class="col-md-9">
                                    {{ html()->text('app_email')->value(config('appsetting.basic.email'))->class('form-control')->id('app_email') }}
                                </div>
                            </div>

                             <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.phone_number'))->class('col-md-3 form-control-label')->for('phone_number') }}
                                <div class="col-md-9">
                                    {{ html()->text('app_phone')->value(config('appsetting.basic.phone'))->class('form-control')->id('app_phone') }}
                                </div>
                            </div>

                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.address'))->class('col-md-3 form-control-label')->for('address') }}
                                <div class="col-md-9">
                                    {{ html()->textarea('app_address')->value(config('appsetting.basic.address'))->class('form-control')->id('app_address') }}
                                </div>
                            </div>

                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.google_map_api').'*')->class('col-md-3 form-control-label')->for('google_map_api') }}
                                <div class="col-md-9">
                                    {{ html()->text('google_map')->value(config('appsetting.basic.map_key'))->class('form-control')->id('google_map') }}
                                </div>
                            </div>

                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.meta_keywords').'*')->class('col-md-3 form-control-label')->for('meta_keywords') }}
                                <div class="col-md-9">
                                    {{ html()->textarea('meta_keywords')->value(config('appsetting.basic.meta_keywords'))->class('form-control')->id('meta_keywords') }}
                                </div>
                            </div>

                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.meta_description').'*')->class('col-md-3 form-control-label')->for('meta_description') }}
                                <div class="col-md-9">
                                    {{ html()->textarea('meta_description')->value(config('appsetting.basic.meta_description'))->class('form-control')->id('meta_description') }}
                                </div>
                            </div>

                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.coupon_expired_days'))->class('col-md-3 form-control-label')->for('coupon_expired_days') }}
                                <div class="col-md-9">
                                    {{ html()->text('coupon_expired_days')->value(config('appsetting.coupon_expired_days'))->class('form-control')->id('coupon_expired_days') }}
                                </div>
                            </div>

                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.member_card_prefix'))->class('col-md-3 form-control-label')->for('member_card_prefix') }}
                                <div class="col-md-9">
                                    {{ html()->text('member_card_prefix')->value(config('appsetting.member_card_prefix'))->class('form-control')->id('member_card_prefix') }}
                                </div>
                            </div>

                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.member_card_expired_years'))->class('col-md-3 form-control-label')->for('member_card_expired_years') }}
                                <div class="col-md-9">
                                    {{ html()->text('member_card_expired_years')->value(config('appsetting.member_card_expired_years'))->class('form-control')->id('member_card_expired_years') }}
                                </div>
                            </div>
                            <div class="form-group row form-md-line-input">
                                {{ html()->label(__('appsetting::labels.backend.appsetting.basic.password_code_expired_mintues'))->class('col-md-3 form-control-label')->for('password_code_expired_mintues') }}
                                <div class="col-md-9">
                                    {{ html()->text('password_code_minutes')->value(config('appsetting.password_code_minutes'))->class('form-control')->id('password_code_minutes') }}
                                </div>
                            </div>

                            <div class="card-footer">
                                <div class="row">
                                    <div class="col text-right">
                                        {{ form_submit(__('buttons.general.crud.update')) }}
                                    </div><!--row-->
                                </div><!--row-->
                            </div><!--card-footer-->

                        {{ html()->closeModelForm() }}
                    </div>
                    <div class="tab-pane show" id="sms_setting" role="tabpanel">
                        {{ html()->form('POST', route('admin.appsetting.store'))->class('form-horizontal')->open() }}
                            {!! html()->hidden('tab','sms') !!}
                            <div class="mb-5">
                                @include('appsetting::includes.sms')
                            </div><hr>

                            <div class="card-footer">
                                <div class="row">
                                    <div class="col text-right">
                                        {{ form_submit(__('buttons.general.crud.update')) }}
                                    </div><!--row-->
                                </div><!--row-->
                            </div><!--card-footer-->

                        {{ html()->closeModelForm() }}
                    </div>
                    <div class="tab-pane show" id="claims_setting" role="tabpanel">
                        {{ html()->form('POST', route('admin.appsetting.store'))->class('form-horizontal')->open() }}
                            {!! html()->hidden('tab','claims') !!}
                            <div class="mb-5">
                                @include('appsetting::includes.claims')
                            </div><hr>

                            <div class="card-footer">
                                <div class="row">
                                    <div class="col text-right">
                                        {{ form_submit(__('buttons.general.crud.update')) }}
                                    </div><!--row-->
                                </div><!--row-->
                            </div><!--card-footer-->

                        {{ html()->closeModelForm() }}
                    </div>
                    <div class="tab-pane show" id="point_setting" role="tabpanel">
                        {{ html()->form('POST', route('admin.appsetting.store'))->class('form-horizontal')->open() }}
                            {!! html()->hidden('tab','point') !!}
                            <div class="mb-5">
                                @include('appsetting::includes.point')
                            </div><hr>

                            <div class="card-footer">
                                <div class="row">
                                    <div class="col text-right">
                                        {{ form_submit(__('buttons.general.crud.update')) }}
                                    </div><!--row-->
                                </div><!--row-->
                            </div><!--card-footer-->

                        {{ html()->closeModelForm() }}
                    </div>
                </div>
            </div><!--col-->
        </div><!--row-->
    </div><!--card-body-->
</div><!--card-->
@endsection

@push('after-scripts')
{{ script("assets/plugins/bootstrap-switch/bootstrap-switch.min.js") }}
    <script type="text/javascript">
        $(document).ready(function() {
            $('.make-switch').bootstrapSwitch();
            $('demo').minicolors();
            $('.demo').each(function() {
                //
                // Dear reader, it's actually very easy to initialize MiniColors. For example:
                //
                //  $(selector).minicolors();
                //
                // The way I've done it below is just for the demo, so don't get confused
                // by it. Also, data- attributes aren't supported at this time...they're
                // only used for this demo.
                //
                $(this).minicolors({
                    control: $(this).attr('data-control') || 'hue',
                    defaultValue: $(this).attr('data-defaultValue') || '',
                    inline: $(this).attr('data-inline') === 'true',
                    letterCase: $(this).attr('data-letterCase') || 'lowercase',
                    opacity: $(this).attr('data-opacity'),
                    position: $(this).attr('data-position') || 'bottom left',
                    change: function(hex, opacity) {
                        if (!hex) return;
                        if (opacity) hex += ', ' + opacity;
                        if (typeof console === 'object') {
                            console.log(hex);
                        }
                    },
                    theme: 'bootstrap'
                });

            });

        });
    </script>
@endpush