@extends($_layout . 'main')
{{-- khai báo title --}}
@section('title', 'Thiết lập Gian hàng')
{{-- tên modul xuất hiện trong sub header --}}
@section('module.name', 'Gian hàng')
@section('body.class', 'm-brand--minimize m-aside-left--minimize body-light-bg ')
@section('subheader.disabled', 1)
@section('topbar.title', 'Chỉnh sửa Gian hàng')

@php
    array_unshift($showroomFormConfig['inputs'], [
        'namespace' => 'hidden_id',
        'name' => 'id',
        'id' => 'input-hidden-id',
        'type' => 'hidden',
        'value' => $showroom->id,
    ]);
@endphp

{{-- Nội dung --}}
@section('content')
    <div class="showroom-setting m-portlet m-portlet--last m-portlet--head-md m-portlet--responsive-mobile fit-100vh">
        <form action="" method="POST" enctype="multipart/form-data" class="settings-free m-form m-form--fit m-form--label-align-left crazy-form showroom-setting-form">
            @csrf
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text">
                            Thiết lập gian hàng
                        </h3>
                    </div>
                </div>
            </div>

            <div class="m-portlet__body m-border bottom size-1 silver solid">
                @include($_base . 'forms.form-input-list', $showroomFormConfig)
            </div>

            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text">
                            Chỉnh sửa gian hàng
                            @if ($template && !$available)
                                <span class="text-danger ml-4">
                                    Mẫu gian hàng dã hết hạn {{ $expire }}
                                </span>
                            @endif
                        </h3>
                    </div>
                </div>

                <div class="m-portlet__head-tools">
                    <ul class="m-portlet__nav">

                        <li class="m-portlet__nav-item mr-4">
                            Chọn Mẫu
                        </li>

                        <li class="m-portlet__nav-item">
                            <div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right" m-dropdown-toggle="click">
                                <a href="#" class="m-dropdown__toggle btn btn-primary dropdown-toggle">
                                    {{ $template ? $template->name : 'Gian hàng mẫu 1' }}
                                </a>
                                <div class="m-dropdown__wrapper">
                                    <span class="m-dropdown__arrow m-dropdown__arrow--right"></span>
                                    <div class="m-dropdown__inner">
                                        <div class="m-dropdown__body">
                                            <div class="m-dropdown__content">
                                                <ul class="m-nav">
                                                    <li class="m-nav__section m-nav__section--first">
                                                        <span class="m-nav__section-text">Chọn mẫu</span>
                                                    </li>
                                                    <li class="m-nav__item">
                                                        <a href="javascript:void(0)" class="m-nav__link btn-open-template-modal">
                                                            <i class="m-nav__link-icon flaticon-chat-1"></i>
                                                            <span class="m-nav__link-text">Mẫu có sẵn</span>
                                                        </a>
                                                    </li>
                                                    <li class="m-nav__item">
                                                        <a href="#" class="m-nav__link btn-contact">
                                                            <i class="m-nav__link-icon flaticon-share"></i>
                                                            <span class="m-nav__link-text">Yêu cầu thiết kế riêng</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>

                        @if ($template && !$available)
                            <a href="javascript:void(0);" class="btn btn-danger btn-renewal-template" data-id="{{ $template->id}}">Gia hạn</a>
                        @endif
                    </ul>
                </div>

            </div>

            <div class="m-portlet__body m-border bottom size-1 silver solid">
                @if ($template)
                    <div class="row showroom-template-form">
                        <div class="col-md-7 col-lg-7 col-preview">
                            <div class="showroom-preview">
                                <iframe id="preview-3d-iframe" src="" frameborder="0"></iframe>
                            </div>
                        </div>
                        <div class="col-md-5 col-lg-5">
                            <div class="custom-panel">
                                <div class="panel-inner">