@php
    use App\Helpers\Form as FormTemplate;
    use App\Helpers\Template;

    $formInputAttr = config('zvn.template.form_input');
    $formLabelAttr = config('zvn.template.form_label');

    $item = $items->firstWhere('key_value',  'setting-video');

    $playlistId = explode('=', @$item['value'])[1];
    $apiKey = config('zvn.youtube_api_key');
    $apiUrl = sprintf('https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&maxResults=25&playlistId=%s&key=%s', $playlistId, $apiKey);
    $data = json_decode(file_get_contents($apiUrl), true);

    $inputHiddenID    = Form::hidden('id', @$item['id']);

    $elements = [
        [
            'label'   => Form::label('setting-video', 'Link playlist youtube
', $formLabelAttr),
            'element' => Form::text('value', @$item['value'],  $formInputAttr )
        ], 
        [
            'element' => $inputHiddenID . Form::submit('Save', ['class' => 'btn btn-success']),
            'type' => 'btn-submit',
        ],
    ];
@endphp

<div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="x_panel">
            @include('admin.templates.x_title', ['title' => 'Video'])
            <div class="x_content">
                {{ Form::open([
                    'method' => 'POST',
                    'url' => route("$controllerName/save"),
                    'accept-charset' => 'UTF-8',
                    'enctype' => 'multipart/form-data',
                    'class' => 'form-horizontal form-label-left',
                    'id' => 'setting_main',
                ]) }}
                {!! FormTemplate::show($elements)  !!}
                {{ Form::close() }}
            </div>
        </div>
        <div class="x_panel">
            @include('admin.templates.x_title', ['title' => 'Danh sách Video'])
            <div class="x_content">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    @foreach ($data['items'] as $dataItem)
                    @php
                    $item = $dataItem["snippet"];
                    $title = $item["title"] ?? '';
                    $thumb = $item["thumbnails"]["medium"]["url"] ?? '';
                    $videoId = $item["resourceId"]["videoId"] ?? '';
                    @endphp
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div class="card">
                            <div class="card-body">
                                <iframe style="width: 100%;" width="420" height="315"
                                    src="https://www.youtube.com/embed/{{ $videoId }}?autoplay=0&mute=1">
                                </iframe>
                            </div>
                            <div class="card-footer">{{ $title }}</div>
                        </div>
                    </div>
                @endforeach
                </div>
            </div>
        </div>
    </div>
</div>