@extends('admin.layouts.index')
@include('admin.layouts.components.asset_validasi')
@include('admin.layouts.components.asset_colorpicker')

@section('title')
    <h1>
        Pengaturan Tema
        <small>Ubah Data</small>
    </h1>
@endsection

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ site_url('theme') }}">Tema</a></li>
    <li class="active">Ubah Data</li>
@endsection

@section('content')
    @include('admin.layouts.components.notifikasi')

    <div class="box box-info">
        <div class="box-header with-border">
            <a href="{{ site_url('theme') }}" class="btn btn-social btn-info btn-sm btn-sm visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
                <i class="fa fa-arrow-circle-left "></i>Kembali ke Tema
            </a>
        </div>
    </div>
    <div class="row">
        @php
            $daftarPengaturan = collect($tema->config);
            $pengaturanUnggah = $daftarPengaturan
                ->filter(function ($item) {
                    return $item['type'] == 'unggah';
                })
                ->all();
            $viewUnggah = count($pengaturanUnggah) > 0;
            $pengaturanInput = $daftarPengaturan
                ->filter(function ($item) {
                    return $item['type'] != 'unggah';
                })
                ->all();
        @endphp
        @if (count($pengaturanInput) > 0)
            {!! form_open_multipart($form_action, 'id="validasi"') !!}
            @php $col = 9 @endphp
            @if ($viewUnggah)
                @foreach ($pengaturanUnggah as $key => $value)
                    <div class="col-md-3">
                        @include("admin.theme.components.form.{$value['type']}", [
                            'value' => [
                                'judul' => $value['judul'],
                                'key' => $value['key'],
                                'default' => $tema->opsi[$value['key']] ?? $value['value'],
                                'readonly' => $value['readonly'],
                            ],
                        ])
                    </div>
                @endforeach
            @else
                @php $col = 12 @endphp
            @endif
            <div class="col-md-{{ $col }}">
                <div class="box box-info">
                    <div class="box-body">
                        <div class="row">
                            @foreach ($pengaturanInput as $key => $value)
                                @if (view()->exists("admin.theme.components.form.{$value['type']}"))
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="form-group col-sm-12">
                                                <label for="input{{ $value['key'] }}" class="col-sm-2 control-label">{{ SebutanDesa($value['judul']) }}</label>
                                                <div class="col-sm-6">
                                                    @php
                                                        $value['default'] = $tema->opsi[$value['key']] ?? $value['value'];
                                                        $value['readonly'] = $value['readonly'] == true ? 'readonly' : '';
                                                        $value['class'] = $value['attributes']['class'];
                                                        unset($value['attributes']['class'], $value['attributes']['readonly']);
                                                        if (!empty($value['attributes'])) {
                                                            $value['attributes'] = implode(
                                                                ' ',
                                                                array_map(
                                                                    function ($key, $value) {
                                                                        return "$key=\"$value\"";
                                                                    },
                                                                    array_keys($value['attributes']),
                                                                    $value['attributes'],
                                                                ),
                                                            );
                                                        }
                                                    @endphp

                                                    @include("admin.theme.components.form.{$value['type']}", [
                                                        'value' => $value,
                                                    ])

                                                </div>
                                                <label class="col-sm-4 control-label">{!! SebutanDesa($value['keterangan']) !!}</label>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                    <div class="box-footer">
                        <button type="reset" class="btn btn-social btn-danger btn-sm"><i class="fa fa-times"></i> Batal</button>
                        <button type="submit" class="btn btn-social btn-info btn-sm pull-right"><i class="fa fa-check"></i>
                            Simpan</button>
                    </div>
                </div>
            </div>
            </form>
        @else
            <div class="box-body">
                <div class="alert alert-danger alert-dismissible">
                    <h4><i class="icon fa fa-info"></i> Info</h4>
                    Pengaturan untuk tema ini belum tersedia.
                    @if (!$tema->sistem)
                        <a href="{{ ci_route('theme/salin_config', $tema->id) }}" class="btn btn-social bg-navy btn-sm" style="text-decoration: none">
                            <i class="fa fa-download none"></i> Salin Config
                        </a>
                    @endif
                </div>
            </div>
        @endif
    </div>
@endsection