@extends($_layout.'main')
@section('title', "Mã Nhúng")
@section('module.name', "Mã nhúng")
@section('content')
<div class="html-areas">
@if (isset($areas['default']))
    <div class="row">
        <div class="col-12">
            <h4 class="mb-4">
                Vị trí mã nhúng
            </h4>
            {!! $render($areas['default'], 'layout', $hidden, $render, $renderArea) !!}
        </div>
{{--
        <div class="col-12">
            <h4 class="mb-4">
                Theo layout
            </h4>
            {!! $render($areas['default'], 'layout', $visible, $render, $renderArea) !!}
        </div> --}}

    </div>
@endif

@if (isset($areas['theme']) && $areas['theme'])
    <div class="row">
        <div class="col-12">
            <h4 class="mb-4">
                Theo giao diện
            </h4>
            {!! $render($areas['theme'], 'column', $column, $render, $renderArea) !!}
        </div>

    </div>
@endif
</div>
<div class="nesttable-template d-none">
    <span class="embed-label">{$label}</span>
</div>
<div class="item-action-template d-none">
    <div class="item-actions embed-action-{$id}">
        <a href="javascript:void(0);" class="edit btn-edit-item" data-id="{$id}" data-area-id="{$area_id}">
            <i class="fa fa-pencil-alt"></i>
        </a>
        <a href="javascript:void(0);" class="remove btn-delete-item" data-id="{$id}" data-area-id="{$area_id}" data-label="{$label}">
            <i class="fa fa-trash"></i>
        </a>
    </div>
</div>
@endsection


{{-- Nhúng link css --}}
@section('css')
    <link rel="stylesheet" href="{{system_asset('static/plugins/nestable2/jquery.nestable.min.css')}}">

@endsection

{{-- Nhúng js --}}

@section('jsinit')
    <script>
        var embed_data = {
            urls: @json($urls)
        }
    </script>
@endsection

@section('js')
<script src="{{system_asset('static/plugins/nestable2/jquery.nestable.js')}}"></script>
<script src="{{system_asset('static/manager/js/nestable.js')}}"></script>
<script src="{{system_asset('static/manager/js/embeds.js')}}"></script>
    @if ($e = $errors->first())
		<script>
			App.Swal.error(@json($e));
		</script>
	@endif
@endsection