@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.color.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.color.title',['title'=>$theme->title]) !!}</h4>

                            </div>
                            <div class="card-content collapse show">
                                <div class="card-body">
                                    @if(count($colors) > 0)
                                        {{ html()->form()->method('POST')->class("form modulForm")->id("modulForm")->autocomplete("off")->attribute('enctype','multipart/form-data')->open() }}

                                        <div class="form-body">
                                            <div class="row">
                                                @foreach($colors as $colorKey=>$colorVal)

                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            {{html()->label()->for("color-".$colorVal["id"])->text($colorVal["title"]) }}
                                                            {{html()->input()->name("color-parameter[".$colorVal["id"]."]")->value($colorVal["val"])->required(true)->id("color-".$colorVal["id"])
->attributes(['data-control'=>'hue'])
->style(['padding'=>'0.5rem 2.5rem'])
->class("form-control minicolors")}}
                                                        </div>
                                                    </div>

                                                @endforeach

                                            </div>

                                        </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.color.form.action")) }}
                                        </div>
                                        {{ html()->form()->close() }}
                                    @else
{{trans("admin/themes.color.not_found")}}
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


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

@section('admin.javascript')
    <script>
        const $_THEME_TRANS = {
            LOADING_MESSAGE: '