@extends('voyager::master')

@section('page_title', 'Home Page Content')

@section('css')
    <style>
        .home-contents .panel-heading .panel-title code {
            font-weight: normal;
            font-size: 11px;
        }
        .home-contents textarea {
            min-height: 90px;
        }
        .home-contents .form-group {
            margin-bottom: 20px;
        }
        .home-contents .tab-content {
            background: #fff;
            border: 1px solid #f1f1f1;
            border-top: none;
            padding: 20px;
        }
        .home-contents .nav-tabs > li.active > a,
        .home-contents .nav-tabs > li.active > a:focus,
        .home-contents .nav-tabs > li.active > a:hover {
            background: #fff !important;
            color: #62a8ea !important;
        }
    </style>
@stop

@section('page_header')
    <h1 class="page-title">
        <i class="voyager-home"></i> Home Page Content
    </h1>
@stop

@section('content')
    <div class="page-content home-contents container-fluid">

        <form action="{{ route('voyager.home_contents.update') }}" method="POST">
            @csrf
            @method('PUT')

            <ul class="nav nav-tabs">
                @foreach ($sections as $section => $items)
                    <li @if ($loop->first) class="active" @endif>
                        <a data-toggle="tab" href="#{{ \Illuminate\Support\Str::slug($section) }}">{{ $section }}</a>
                    </li>
                @endforeach
            </ul>

            <div class="tab-content">
                @foreach ($sections as $section => $items)
                    <div id="{{ \Illuminate\Support\Str::slug($section) }}" class="tab-pane fade in @if ($loop->first) active @endif">
                        @foreach ($items as $item)
                            <div class="form-group">
                                <label for="value_{{ $item->id }}">
                                    {{ $item->label }}
                                    @if(config('voyager.show_dev_tips'))
                                        <code>{{ $item->key }}</code>
                                    @endif
                                </label>
                                <textarea
                                    id="value_{{ $item->id }}"
                                    name="values[{{ $item->key }}]"
                                    class="form-control"
                                >{{ old("values.{$item->key}", $item->value) }}</textarea>
                            </div>
                        @endforeach
                    </div>
                @endforeach
            </div>

            <button type="submit" class="btn btn-primary pull-right">
                <i class="voyager-check"></i> Save
            </button>
            <div style="clear:both"></div>
        </form>
    </div>
@stop