@extends('admin.master')

@section('title', '示例插件的配置页')

@section('content')

{{-- 使用 plugin_assets($pluginId, $relativeUri) 加载插件目录下的文件 --}}
{{-- plugin($pluginId)->assets($relativeUri) 效果相同 --}}
{{-- 请不要使用带固定的 插件所在目录名 路径的方式加载 --}}
<script type="text/javascript" src="{{ plugin_assets('example-plugin', 'assets/js/example2.js') }}"></script>

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <h1>
      示例插件
      <small>Example Plugin</small>
    </h1>
  </section>

  <!-- Main content -->
  <section class="content">
    <?php
      /**
       * 通过 OptionForm，你可以仅使用几行代码生成一个配置页面
       */
      $form = Option::form('unique_id', '配置标题', function($form) {
        $form->text('example_plugin_text', '文本框')
          ->hint('通过 hint 方法可以在这里添加提示');

        $form->checkbox('example_plugin_checkbox', '这是复选框')->label('这是复选框的标签');

        $form->checkbox('example_plugin_checkbox2', '禁用元素')->label('按 E 可赛艇')->disabled();

        $form->select('example_plugin_select', '下拉选择框')
                ->option('0', '蛤蛤蛤')
                ->option('1', '戳木娘')
                ->option('2', '你好啊')
                ->description('通过 <code>description</code> 方法可以在这里添加描述');

        $form->group('example_plugin_group', '这是 Input Group')
            ->text('example_plugin_group')->addon('个智障');

        $form->textarea('example_plugin_textarea', '这是 Textarea')->rows(10)->value('
          目前 OptionForm 支持这些 input 元素：["text", "checkbox", "textarea", "select", "group"]
          $form->{input}() 得到的 OptionItem 实例支持链式调用
          ==============================
          你可以使用 value 方法手动设定各个 OptionItem 的值
          如果没有设置，OptionForm 将会从 options 表中通过 id 寻找并自动赋值
          可以通过 with 方法手动绑定数据到表单上，自动赋值时会优先从这里寻找
          id 为 xxx[yy] 格式的 option 将会被自动转化为数组并序列化存入数据库
          ==============================
          定义完 OptionForm 后不要忘记执行 handle 方法，否则不会响应 POST 请求
          这个方法在哪里执行都可以，在一处定义，另一处执行也没关系
          ==============================
          OptionForm 有许多定制方法：

          type：修改表单外 box 的边框颜色，支持 ["default", "primary", "success", "info", "warning", "danger"]
          addButton：添加按钮到表单底部
          addMessage：添加信息提示到表单顶部
          always：设置一个表单渲染之前总会被执行的回调
          renderWithOutTable：不要用 table 元素包裹 OptionItem
          renderInputTagsOnly：只渲染 input 等元素，不渲染左边的标题
          renderWithOutSubmitButton：不渲染「提交」按钮

          注意：定制完毕后都要使用 render 方法渲染表单

        ')->disabled();
      })->addMessage('更多示例请查看 稍后给出，蟹蟹')->handle();
    ?>

    {{-- 在 Blade 模板引擎中渲染表单 --}}
    {!! $form->render() !!}

    <div class="box">
      <div class="box-header with-border">
        <h3 class="box-title">README.md（此文件在插件根目录下）</h3>
      </div><!-- /.box-header -->
      <div class="box-body table-responsive">
        <?php
          $path = app('plugins')->getPlugin('example-plugin')->getPath()."/README.md";
          $markdown = @file_get_contents($path);

          if (!$markdown) {
            echo "<p>无法加载 README.md</p>";
          } else {
            echo app('parsedown')->text($markdown);
          }
        ?>
      </div>
    </div>

  </section><!-- /.content -->
</div><!-- /.content-wrapper -->

@endsection