@extends('_layout.layout')

@section('title') Create campaign
@endsection

@section('header')
<h1> <a href="{{route('getCompanyDetails',$company->id)}}">{{$company->name}}</a> <small>Create campaign</small></h1>
@endsection


@section('content')
@include('_layout.partials.formerror')

<div class="row">
  <div class="col-md-12">
    <div class="portlet box green">
      <div class="portlet-title">
        <div class="caption">
          <i class="list-ul"></i>
          <span class="caption-subject bold uppercase"> Campaign details </span>
        </div>
      </div>
      <div class="portlet-body form">
        {!! Form::open(['route' => ['postCreateCampaign',$company->id],'class' => 'form-horizontal']) !!}
          <div class="form-body">
            <div class="form-group">
              {!! Form::label('subcategory', 'Category &amp; Subcategory', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::select('subcategory',$subcategories, null, ['class' => 'form-control','required' => 'required']) !!}
              </div>
            </div>
            <div class="form-group">
              {!! Form::label('name', 'Name', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::text('name', null, ['class' => 'form-control','required' => 'required','placeholder' => 'input campaign name']) !!}
              </div>
            </div>
            <div class="form-group">
              {!! Form::label('message', 'Message', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::textarea('message', null, ['class' => 'form-control','required' => 'required','placeholder' => 'input campaign message','id' =>'message']) !!}
                Please use the &lt;link&gt; tag to specify where to insert the link in the message.
              </div>
            </div>
            <div class="form-group">
              {!! Form::label('messageLink', 'Message URL', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::text('messageLink', null, ['class' => 'form-control','placeholder' => 'message URL','id' =>'messageLink']) !!}
              </div>
            </div>
            <div class="form-group">
              {!! Form::label('messageCharCount', 'Message characters:', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::text('messageCharCount', 0, ['class' => 'form-control','disabled' => 'disabled','id' =>'messageCharCount']) !!}
              </div>
            </div>
            <div class="form-group">
              
            </div>
          </div>
          <div class="form-actions">
              <div class="row">
                  <div class="col-md-offset-2 col-md-10">
                      <button type="submit" class="btn green">Save</button>
                      <a href="{{url()->previous()}}" class="btn default">Cancel</a>
                  </div>
              </div>
          </div>
        {!! Form::close() !!}
      </div>
    </div>
  </div>
</div>
@endsection

@section('page-script')
<script>
$("#message").keyup(function(){
  $("#messageCharCount").val($(this).val().length+($("#messageLink").val().length>0?20:0));
});

$("#messageLink").keyup(function(){
  $("#messageCharCount").val(($(this).val().length>0?20:0)+$("#message").val().length);
});

</script>
@endsection