<div class="row">
  <div class="col-md-12 col-sm-12 col-xs-12">
    <div class="x_panel">
      <div class="x_title">
        <h2>{{ mt._('admin.featured.defaultcatalog') }}</h2>
        <div class="clearfix"></div>
      </div>

      <div class="x_content">
        <div class="row">
          <div class="form-group col-md-12">
            <label for="cond-season" class="control-label col-md-2 col-sm-2 col-xs-12 right" style="margin-top:11px">{{ mt._('order.selectcatalog') }}</label>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <select class="select2_single form-control" id="defaultcatalog" tabindex="-1">
                {% for catalog in cttest %}
                <option value="{{ catalog.cdcata }}" {% if catalog.cdcata == default_ctlg %}selected{% endif %}>{{ catalog.cdcata }} - {{ catalog.dscata }}</option>
                {% endfor %}
              </select>
            </div>
            <div class="col-md-1 col-sm-1 col-xs-12"><a href="#" class="btn btn-primary" id="save-default-catalog">{{ mt._('_common.save') }}</a></div>
            <div class="col-md-3 col-sm-3 col-xs-12">
              <div class="msg-error" id="msg-default-ctl-error">{{ mt._('admin.featured.default.error') }}</div>
              <div class="msg-success" id="msg-default-ctl-success">{{ mt._('admin.featured.default.success') }}</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="x_panel">

      <div class="x_title">
        <h2>{{ mt._('admin.featured.pagestructure') }}</h2>
        <div class="clearfix"></div>
      </div>

      <div class="x_content">
        <div class="row">
          <div class="form-group col-md-12">
            <label for="cond-season" class="control-label col-md-2 col-sm-2 col-xs-12 right" style="margin-top:11px">{{ mt._('order.selectcatalog') }}</label>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <select class="select2_single form-control" id="homepage-catalog" tabindex="-1">
                {% for catalog in cttest %}
                <option value="{{ catalog.cdcata }}">{{ catalog.cdcata }} - {{ catalog.dscata }}</option>
                {% endfor %}
              </select>
            </div>
            <div class="col-md-1 col-sm-1 col-xs-12">
              <a href="#" class="btn btn-default save-homepage-catalog">{{ mt._('_common.save') }}</a>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-12">
              <div id="homepage-ctl-loading" style="display:none">{{ image("img/assets/loading.gif", "alt": "Preloader", "style": "height:34px") }}</div>
              <div class="msg-error msg-homepage-ctl-error">{{ mt._('admin.featured.homepage.error') }}</div>
              <div class="msg-success msg-homepage-ctl-success">{{ mt._('admin.featured.homepage.success') }}</div>
            </div>
          </div>
        </div>
      </div>

      <div class="homepage-content">
        <div class="x_title">
          <h2>Logo</h2>
          <div class="clearfix"></div>
        </div>

        <div class="x_content">
          <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
              <label class="radio-container">
                <input type="radio" name="logo" value="1" id="custom-logo"/>
                <span class="radio-checkmark"></span>
                <div class="fl w-100">{{ mt._('admin.featured.logo.custom') }}</div>
                <input type="hidden" class="form-control" value="" id="custom-logo-flimag"/>
                <div class="fl mt-10x"><form action="{{ url('admin/uploadLogo') }}" class="dropzone" id="dropzone-logo-image" style="min-height:40px!important;width:160px!important"></form></div>
                <div class="fl mt-10x"><img id="custom-logo-preview"/></div>
              </label>
            </div>
            <div class="col-md-12 col-sm-12 col-xs-12 mt-20x">
              <label class="radio-container">
                <input type="radio" name="logo" value="0" id="default-logo"/>
                <span class="radio-checkmark"></span>
                <div class="fl w-100">{{ mt._('admin.featured.logo.default') }}</div>
                <div class="fl"><img src="{{ navbarBuilder.getLogoImage(logo) }}"/></div>
              </label>
            </div>
          </div>
        </div>

        <!-- Home Page Header -->
        <div class="x_title">
          <h2>{{ mt._('admin.featured.bannerslider') }}</h2>
          <div class="clearfix"></div>
        </div>

        <div class="x_content">
          <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">{{ mt._('admin.featured.bannerslider.info') }}</div>
            <div class="col-md-4 col-sm-4 col-xs-4 hp-slide">
              <div class="hp-slide-title">{{ mt._('admin.featured.slide') }} 1</div>
              <form action="{{ url('admin/uploadImage') }}" class="dropzone dropzone-slide" id="dropzone-slide-1"></form>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-4 hp-slide">
              <div class="hp-slide-title">{{ mt._('admin.featured.slide') }} 2</div>
              <form action="{{ url('admin/uploadImage') }}" class="dropzone dropzone-slide" id="dropzone-slide-2"></form>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-4 hp-slide">
              <div class="hp-slide-title">{{ mt._('admin.featured.slide') }} 3</div>
              <form action="{{ url('admin/uploadImage') }}" class="dropzone dropzone-slide" id="dropzone-slide-3"></form>
            </div>
          </div>
        </div>

        <!-- Home Page Body -->
        <div class="row mt-50x fl w-100">
          <div class="col-md-12 pl-15x"><a href="#" class="btn btn-primary new-block">{{ mt._('admin.featured.block.new') }}</a></div>
        </div>
        <div id="hpcorp-content">

        </div>
        <div class="row mt-50x fl w-100">
          <div class="col-md-12 pl-15x"><a href="#" class="btn btn-primary new-block">{{ mt._('admin.featured.block.new') }}</a></div>
        </div>

        <div class="x_title">
        {% if catalogProductType == 0 %}
          <h2>{{ mt._('admin.featured.models') }} <small style="text-transform:none">{{ mt._('admin.featured.limit') }}</small></h2>
        {% elseif catalogProductType == 1 %}
          <h2>{{ mt._('admin.featured.articles') }} <small style="text-transform:none">{{ mt._('admin.featured.limit2') }}</small></h2>
        {% endif %}
          <div class="clearfix"></div>
        </div>

        <div class="x_content">
          <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
              <select multiple="multiple" size='20' name="duallistbox_modevi" id="featured-models" style="height:500px"></select>
            </div>
          </div>
          <div class="row mt-20x">
            <div class="col-md-1 col-sm-1 col-xs-12">
              <a href="#" class="btn btn-default save-homepage-catalog">{{ mt._('_common.save') }}</a>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-12">
              <div id="homepage-ctl-loading" style="display:none">{{ image("img/assets/loading.gif", "alt": "Preloader", "style": "height:34px") }}</div>
              <div class="msg-error msg-homepage-ctl-error">{{ mt._('admin.featured.homepage.error') }}</div>
              <div class="msg-success msg-homepage-ctl-success">{{ mt._('admin.featured.homepage.success') }}</div>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>

<!-- Modal for delete block -->
<div class="modal fade modal-delete-block" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-sm w-30">
    <div class="modal-content">
      <input type="hidden" id="modal-delete-index" name="modal-delete-index"/>
      <div class="modal-header">
        <h4 class="modal-title">{{ mt._('_common.delete') }}</h4>
        <div class="modal-close" data-dismiss="modal">{{ image("img/assets/times.png", "class": "m-0-auto pointer", "alt": mt._('_common.close')) }}</div>
      </div>
      <div class="modal-body">
        <div class="row center"><div class='col-md-12 modal-section-title'>{{ mt._('_common.cancelorder.warning2') }}</div></div>
      </div>
      <div class="modal-footer">
        <div class="row">
          <div class="col-md-6 col-sm-6 col-xs-6">
            <button type="button" class="btn btn-default left-btn w-50" data-dismiss="modal">{{ mt._('_common.close') }}</button>
          </div>
          <div class="col-md-6 col-sm-6 col-xs-6">
            <button type="button" class="btn btn-primary right-btn w-50 capitalize" id="delete-index" data-dismiss="modal">{{ mt._('_common.confirm') }}</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
