{% extends 'admin.base' %}

{% block title %}{{ trans('general.customize') }}{% endblock %}

{% block content %}
  <div class="row">
    <div class="col-md-3">
      <form class="card box-primary" method="post" action="{{ url('/admin/customize?action=color') }}">
        {{ csrf_field() }}
        <div class="card-header">
          <h3 class="card-title">
            {{ trans('admin.customize.change-color.title') }}
          </h3>
        </div>
        <div class="card-body p-0">
          <table class="table table-striped bring-up nth-2-center" id="change-color">
            <tbody>
              {% for color in colors %}
                <tr>
                  <td>{{ trans("admin.customize.colors.#{color}") }}</td>
                  <td>
                    <label>
                      <input
                        type="radio"
                        name="color"
                        value="skin-{{ color }}"
                        style="display: none;"
                      >
                      <span class="btn bg-{{ color }} btn-xs">
                        <i class="far fa-eye"></i>
                      </span>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td>{{ trans("admin.customize.colors.#{color}-light") }}</td>
                  <td>
                    <label>
                      <input
                        type="radio"
                        name="color"
                        value="skin-{{ color }}-light"
                        style="display: none;"
                      >
                      <span class="btn bg-{{ color }} btn-xs">
                        <i class="far fa-eye"></i>
                      </span>
                    </label>
                  </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
        <div class="card-footer">
          <input
            type="submit"
            class="btn btn-primary"
            value="{{ trans('general.submit') }}"
            name="submit_color"
          >
        </div>
      </form>
    </div>
    <div class="col-md-9">
      {{ forms.homepage|raw }}
      {{ forms.custom_js_css|raw }}
    </div>
  </div>
{% endblock %}

{% block before_foot %}
  <link rel="stylesheet" href="{{ skins_css }}">
{% endblock %}