-extends "smartmin/form.html"
-load i18n compress temba

-block title
  .medium-help.icon-line.float-left

  %h2.font_normalize.header-margin
    -trans "Connect LINE Bot"

-block pre-form
  .info
    %p
      -blocktrans with name=brand.name
        You can connect a <a href="https://developers.line.me/bot-api/overview" target="_blank">LINE Bot</a> to your {{ name }} account
        to automate sending and receiving LINE messages.
    %p
      -blocktrans
        After you create a <a href="https://developers.line.me/type-of-accounts/bot-api-trial" target="_blank">LINE bot</a>, you can use its authentication credentials to add it as a Channel.

      %ol.line-steps
        %li
          -blocktrans
            Access the <a href="https://developers.line.me/channels/" target="_blank">LINE Channels</a> page e add a new Channel.</li>

        %li
          -blocktrans
            After add, select your Channel, go to basic information and click on EDIT.

        %li
          -blocktrans with name=brand.name
            Enter the callback URL in the Callback URL section (Generated by {{ name }} after this step).

-block extra-style
  {{ block.super }}

  :css
    ol.line-steps li {
      margin-top: 10px;
      list-style: decimal;
    }

    .info {
      width: 800px;
      margin-bottom: 20px;
    }

    .help-block {
      margin-left:150px;
      margin-bottom:20px;
    }

    .form-group {
      margin-bottom:15px;
    }

    #id_* {
      width: 340px;
    }

-extends "smartmin/form.html"
-load i18n compress temba

-block title
  .medium-help.icon-line.float-left

  %h2.font_normalize.header-margin
    -trans "Connect LINE Bot"

-block pre-form
  .info
    %p
      -blocktrans with name=brand.name
        You can connect a <a href="https://developers.line.me/messaging-api/overview" target="_blank">LINE Bot</a> to your {{ name }} account
        to automate sending and receiving LINE messages.
    %p
      -blocktrans
        To start creating a LINE bot, go to <a href="https://developers.line.me/messaging-api/getting-started" target="_blank">Getting started with the Messaging API</a>.

-block extra-style
  {{ block.super }}

  :css
    ol.line-steps li {
      margin-top: 10px;
      list-style: decimal;
    }

    .info {
      width: 800px;
      margin-bottom: 20px;
    }

    .help-block {
      margin-left:150px;
      margin-bottom:20px;
    }

    .form-group {
      margin-bottom:15px;
    }

    #id_* {
      width: 340px;
    }

Change instructions to add new line channel
Change instructions to add new line channel
