@extends('layouts.app', ['pageSlug' => 'SmsAPI'])

@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>SMS Gateway Settings</span></li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>
<div class="spl-page-panel">
  <div class="row">
    <div class="col-lg-12">
      <form method="post" action="{{route('settings.sms.update')}}">
          @csrf
      <div class="card m-b-30">
        <div class="card-header">
          <div class="row">
            <div class="col-lg-11">
              <h5>Twilio SMS Gateway</h5>
            </div>
            <div class="col-lg-1 text-right">
              <div class="form-group">
                <div class="custom-switch">
                  <input type="checkbox" name="is_orange" {{isset($settings['is_orange'])  && $settings['is_orange'] == 1 ? 'checked' : null }} class="form-control custom-control-input" id="orange_check">
                  <label class="custom-control-label" for="orange_check"></label>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="orange_box" class="card-body">
          <div class="row">
            <div class="col-lg-10">
              <div class="form-group{{ $errors->has('ORANGE_CLIENT_ID') ? ' has-error' : '' }}">
                <label for="ORANGE_CLIENT_ID">ORANGE Client ID</label>
                <input type="text" name="ORANGE_CLIENT_ID" value="{{ env('ORANGE_CLIENT_ID') }}" class="form-control">
                <small class="text-danger">{{ $errors->first('ORANGE_CLIENT_ID') }}</small>
              </div>
              <div class="eyeCy form-group{{ $errors->has('ORANGE_CLIENT_SECRET') ? ' has-error' : '' }}">
                <label for="ORANGE_CLIENT_SECRET">ORANGE Client Secret Key</label>
                <input type="password" name="ORANGE_CLIENT_SECRET" value="{{ env('ORANGE_CLIENT_SECRET') }}" id="orangesecret" class="form-control">
                <span toggle="#orangesecret" class="fa fa-fw fa-eye field-icon toggle-password"></span>
                <small class="text-danger">{{ $errors->first('ORANGE_CLIENT_SECRET') }}</small>
              </div>
            </div>
            <div class="col-lg-10">
              <button type="submit" class="btn btn-block btn-success">Save Settings</button>
              <div class="clear-both"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="card m-b-30">
        <div class="card-header">
          <div class="row">
            <div class="col-lg-11">
              <h5>Clickatell SMS Gateway</h5>
            </div>
            <div class="col-lg-1 text-right">
              <div class="form-group">
                <div class="custom-switch">
                  <input type="checkbox" name="is_clickatell" {{isset($settings['is_clickatell']) && $settings['is_clickatell'] == 1 ? 'checked' : null }} class="form-control custom-control-input" id="orange_check">
                  <label class="custom-control-label" for="clickatell_check"></label>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="clickatell_box" class="card-body">
          <div class="row">
            <div class="col-lg-6">
                <div class="form-group{{ $errors->has('CLICKATELL_USERNAME') ? ' has-error' : '' }}">
                <label for="CLICKATELL_USERNAME">Clickatell Username</label>
                <input type="text" name="CLICKATELL_USERNAME" value="{{ env('CLICKATELL_USERNAME') }}" class="form-control">
                <small class="text-danger">{{ $errors->first('CLICKATELL_USERNAME') }}</small>
              </div>
            </div>
              <div class="col-lg-6">
                <div class="form-group{{ $errors->has('CLICKATELL_PASSWORD') ? ' has-error' : '' }}">
                <label for="CLICKATELL_PASSWORD">Clickatell Password</label>
                <input type="password" name="CLICKATELL_PASSWORD" value="{{ env('CLICKATELL_PASSWORD') }}" id="clickatellpass" class="form-control">
                <span toggle="#clickatellpass" class="fa fa-fw fa-eye field-icon toggle-password"></span>
                <small class="text-danger">{{ $errors->first('CLICKATELL_PASSWORD') }}</small>
              </div>
            </div>
              <div class="col-lg-6">
                <div class="form-group{{ $errors->has('CLICKATELL_API_ID') ? ' has-error' : '' }}">
                <label for="CLICKATELL_API_ID">Clickatell API ID</label>
                <input type="text" name="CLICKATELL_API_ID" value="{{ env('CLICKATELL_API_ID') }}" class="form-control">
                <small class="text-danger">{{ $errors->first('CLICKATELL_API_ID') }}</small>
              </div>
            </div>
              <div class="col-lg-6">
              <div class="eyeCy form-group{{ $errors->has('CLICKATELL_REST_API_TOKEN') ? ' has-error' : '' }}">
                <label for="CLICKATELL_REST_API_TOKEN">Clickatell Rest API Token</label>
                <input type="password" name="CLICKATELL_REST_API_TOKEN" value="{{ env('CLICKATELL_REST_API_TOKEN') }}" id="clickatelltoken" class="form-control">
                <span toggle="#clickatelltoken" class="fa fa-fw fa-eye field-icon toggle-password"></span>
                <small class="text-danger">{{ $errors->first('CLICKATELL_REST_API_TOKEN') }}</small>
              </div>
            </div>
            <div class="col-lg-10">
              <button type="submit" class="btn btn-block btn-success">Save Settings</button>
              <div class="clear-both"></div>
            </div>
          </div>
        </div>
      </div>
      </form>
    </div>
  </div>
</div>
@endsection
@push('js')

@endpush