@extends('widget::widget_layout')
@section('widget_content')
     <div class="tabbable">
			@php($numer_block = 4)
			<ul class="nav nav-tabs nav-justified nav-tabs-highlight">
				@for ($i = 1; $i <= $numer_block ; $i++)
					<li @if ($i==1) class="active" @endif><a href="#block-tab-{{ @$data['id'] }}{{ $i }}" data-toggle="tab">Khối {{ $i }}</a></li>
				@endfor
			</ul>
			<div class="tab-content">
				@for ($j = 1; $j <= $numer_block ; $j++)
				<div class="tab-pane @if ($j==1)active @endif" id="block-tab-{{ @$data['id'] }}{{ $j }}">
				@if(WbTheme::getConfig('version')==2)
				{{ Form::bsText('Icon <a href="https://fontawesome.com/icons" target="_blank">Font Awesome</a> <span style="text-transform:lowercase">(vd: fas fa-bus)</span>','config[blocks]['.$j.'][icon]',@$data['config']['blocks'][$j]['icon']) }}
				@else
				{{ Form::bsText('Hiện Icon <a href="https://fontawesome.com/v4.7.0/icons/" target="_blank">Font Awesome</a> <span style="text-transform:lowercase">(vd: fa fa-bus)</span>','config[blocks]['.$j.'][icon]',@$data['config']['blocks'][$j]['icon']) }}
				@endif
				<p style="text-align: center; margin-top: -5px; margin-bottom: 22px;"><label style="border-bottom: 1px solid #999; padding-bottom: 3px;width: 70%;font-weight: bold;">Hoặc</label></p>
				<div class="background-type background-type-image form-group">
					<label class="text-capitalize">Hiện Hình ảnh </label>
					<img class="image_select" src="{{@$data['config']['blocks'][$j]['image']?@$data['config']['blocks'][$j]['image']:config('app.assets_url').'/backend/images/no_image/200_200_NO_IMAGE.png'}}" style="max-width: 100px;min-width: 50px;max-height: 80px; min-height: 50px; margin-left: 10px">
					<input hidden name="config[blocks][{{$j}}][image]" value="{{@$data['config']['blocks'][$j]['image']}}">

					<a class="remove_image" style="color: red; position: absolute; top: -13px;"><i class="fa fa-remove"></i></a>
				</div>
				{{ Form::bsText('Mô tả chính','config_desc[blocks]['.$j.'][title]',@$data['description']['config']['blocks'][$j]['title']) }}
				{{ Form::bsText('Mô tả phụ','config_desc[blocks]['.$j.'][title_small]',@$data['description']['config']['blocks'][$j]['title_small']) }}
				</div>
				@endfor
			</div>
		</div>
		@if(!empty($layout_theme['homepage'][1]['service']))
			@php
	            $option = [];
	            foreach($layout_theme['homepage'][1]['service'] as $value){
	                $option[$value['template']] = $value;
	            }
	        @endphp
			<div class="row">
	            <div class="col-xs-12 col-lg-7">
	                {{ Form::bsSelect('Chọn kiểu hiển thị','config[style]',array_pluck($layout_theme['homepage'][1]['service'], 'label', 'template'),@$data['config']['style'], [], $option) }}
	            </div>
	        </div>
        @endif
@overwrite