@extends('admin.layout.master')

@section('admin')
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-12 col-12 mb-2">
                {{ Breadcrumbs::render('admin.themes.settings.index',$theme) }}
            </div>

        </div>
        <div class="content-body">
            <section id="basic-form-layouts">
                <div class="row match-height">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title"
                                    id="pageHeaderTitle">{!! trans('admin/themes.settings.title',['title'=>$theme->title]) !!}</h4>

                            </div>
                            <div class="card-content collapse show">
                                <div class="card-body">
                                    {{ html()->form()->method('POST')->class("form modulForm")->id("modulForm")->autocomplete("off")->attribute('enctype','multipart/form-data')->open() }}
                                    <ul class="nav nav-tabs nav-topline">
                                        @foreach($settings as $settingKey=>$setting)
                                            <li class="nav-item">
                                                <a class="nav-link @if($settingKey===0) active @endif"
                                                   id="tab-{{$setting["key"]}}" data-toggle="tab"
                                                   aria-controls="tab-{{$setting["key"]}}"
                                                   href="#tabPane{{$setting["key"]}}"
                                                   aria-expanded="true">{{$setting["val"]}}</a>
                                            </li>
                                        @endforeach
                                    </ul>
                                    <div
                                        class="tab-content tab-validate px-1 pt-1 border-grey border-lighten-2 border-0-top">
                                        @foreach($settings as $settingKey2=>$setting2)
                                            <div role="tabpanel" class="tab-pane @if($settingKey2===0) active @endif"
                                                 id="tabPane{{$setting2["key"]}}" aria-expanded="true"
                                                 aria-labelledby="base-tabPane{{$setting2["key"]}}">
                                                <div class="form-body">

                                                    <div class="row">
                                                        @foreach($setting2["list"] as $settingL)
                                                            @php

                                                                $settingID=$settingL["id"];
                                                                $settingKey=$settingL["key"];
                                                                $formType=$settingL["form_type"];
                                                                $formLabel=$settingL["form_label"];
                                                                $formDescription=$settingL["form_description"];
                                                                $formRequired=$settingL["form_required"];
                                                                $formSelectedValues=$settingL["form_select_values"];
                                                                $value=$settingL["value"];
                                                                $id=$settingKey;
                                                                $settingValPath=$settingL["setting_val_path"];
                                                            @endphp
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    {{html()->label()->for($id)->text($formLabel) }}
                                                                    @if($formType==="file")
                                                                        {{html()->file()->name($id)->required($formRequired===1)->id($id)->class("form-control")}}
                                                                        @if(!empty($settingValPath))
                                                                            <a href="{{$settingValPath}}"
                                                                               target="_blank">
                                                                                <img src="{{$settingValPath}}"
                                                                                     alt="{{$formLabel}}"
                                                                                     style="max-width: 100px;max-height: 100px;margin:5px 0">
                                                                            </a>
                                                                        @endif
                                                                    @elseif($formType==="input")
                                                                        {{html()->input()->name($id)->value($value)->required($formRequired===1)->id($id)->class("form-control")}}
                                                                    @elseif($formType==="number")
                                                                        {{html()->number()->name($id)->value($value)->required($formRequired===1)->id($id)->class("form-control")}}
                                                                    @elseif($formType==="select")
                                                                        {{html()->select()->name($id)->options(is_array($formSelectedValues)?$formSelectedValues:[])->value($value)->required($formRequired===1)->id($id)->class("form-control")}}
                                                                    @elseif($formType==="textarea")
                                                                        {{html()->textarea()->name($id)->value($value)->required($formRequired===1)->id($id)->class("form-control")->style(['max-width'=>'100%','min-height'=>'150px','max-height'=>'150px'])}}
                                                                    @endif
                                                                    {{html()->span()->id("span-".$id)->html($formDescription)->style(['font-size'=>'12px','margin'=>' 5px 0','width'=>'100%','display'=>'inline-block']) }}
                                                                </div>
                                                            </div>

                                                        @endforeach
                                                    </div>

                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                    <div class="form-actions text-center" style="border: none">
                                        {{ html()->button()->type("submit")->class("btn btn-info btn-sm")->id("btnAction")->html('   <i class="fa fa-check-square-o"></i> '.trans("admin/themes.settings.form.action")) }}
                                    </div>
                                    {{ html()->form()->close() }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


            </section>
        </div>
    </div>
@endsection

@section('admin.javascript')

    <!-- -->
    <div class="modal fade text-left" id="headerList" tabindex="-1" role="dialog" aria-labelledby="headerList"
         aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"
                        id="headerListLabel">