@extends('_layout.layout')

@section('title') Edit campaign
@endsection

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

@section('modals')
@include('_layout.partials.deletemodal')
@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 class="actions">
          <a href="{{route('getCreateDrip',$campaign->id)}}" class="btn btn-circle white"><i class="icon-plus"></i> Create drip </a>
        </div>
      </div>
      <div class="portlet-body form">
        {!! Form::open(['route' => ['postEditCampaign',$campaign->id],'class' => 'form-horizontal']) !!}
        {!! Form::hidden('subcategory', $subcategory->id) !!}
          <div class="form-body">
            <div class="form-group">
              {!! Form::label('subcategory', 'Camapign subcategory name', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::text('subcategory', $subcategory->category->name.' - '.$subcategory->name, ['class' => 'form-control','disabled' => 'disabled']) !!}
              </div>
            </div>
            <div class="form-group">
              {!! Form::label('name', 'Name', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::text('name', $campaign->name, ['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', $campaign->message, ['class' => 'form-control','required' => 'required','placeholder' => 'input campaign message', 'rows' => '5' , 'id' =>'campaignMessage']) !!}
              </div>
            </div>
            <div class="form-group">
              {!! Form::label('campaignMessageCharCount', 'Message characters:', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::text('campaignMessageCharCount', 0, ['class' => 'form-control','disabled' => 'disabled','id' =>'campaignMessageCharCount']) !!}
              </div>
            </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="{{route('getCampaigns',$company->id)}}" class="btn default">Cancel</a>
                  </div>
              </div>
          </div>
        {!! Form::close() !!}
      </div>
    </div>
  </div>

  @foreach($campaign->drips as $drip)
  <div class="col-md-6">
    <div class="portlet box green">
      <div class="portlet-title">
        <div class="caption">
          <i class="list-ul"></i>
          <span class="caption-subject bold uppercase"> Drip details</span>
        </div>
        <div class="actions">
          {{ Form::open(['route' => ['deleteDrip',$drip->id],'class' => 'form-inline deleteItemForm pull-right',
              'id' => 'deleteItemForm'.$drip->id, 'data-item-id' => $drip->id, 'data-item-data' => $drip->message.'  from '.$campaign->name ]) }}
            {{Form::hidden('_method','DELETE')}}
            <button type="submit" class="btn btn-outline btn-circle dark btn-sm black"><i class="fa fa-trash-o"></i> Delete </a>
          {{ Form::close() }}
        </div>
      </div>
      <div class="portlet-body form">
        {!! Form::open(['route' => ['postEditDrip',$drip->id],'class' => 'form-horizontal']) !!}
        {!! Form::hidden('campaign', $campaign->id) !!}
          <div class="form-body">
            <div class="form-group">
              {!! Form::label('message', 'Message', ['class' => 'col-md-3 control-label']) !!}
              <div class="col-md-9">
                {!! Form::textarea('message', $drip->message, ['class' => 'form-control dripMessage','required' => 'required','placeholder' => 'input drip message', 'rows' => '5' ,'id' => 'dripMessage']) !!}
              </div>
            </div>
            <div class="form-group">
              {!! Form::label('dripMessageCharCount', 'Message characters:', ['class' => 'col-md-3 control-label']) !!}
              <div class="col-md-9">
                {!! Form::text('dripMessageCharCount', 0, ['class' => 'form-control','disabled' => 'disabled','id' => 'dripMessageCharCount']) !!}
              </div>
            </div>
            <div class="form-group">
              {!! Form::label('dripLInkClicksCount', 'Clicks count:', ['class' => 'col-md-3 control-label']) !!}
              <div class="col-md-9">
                {!! Form::text('dripLInkClicksCount', ($clickCount = $linkClicks->where('code',$drip->link_code)->first())?$clickCount['clicks']:0, ['class' => 'form-control','disabled' => 'disabled']) !!}
              </div>
            </div>

            <div class="form-group">
              {!! Form::label('daysAfter', 'Send drip after:', ['class' => 'col-md-3 control-label']) !!}
              <div class="col-md-9">
                {!! Form::select('daysAfter',\App\DefaultDrip::$daysAfter, $drip->daysAfter, ['class' => 'form-control','required' => 'required']) !!}
              </div>
            </div>
          </div>
          <div class="form-actions">
              <div class="row">
                  <div class="col-md-offset-3 col-md-9">
                      <button type="submit" class="btn green">Save</button>
                  </div>
              </div>
          </div>
        {!! Form::close() !!}
      </div>
    </div>
  </div>
  @endforeach

</div>
@endsection


@section('page-script')
<script>
  $(".deleteItemForm button").on('click', function (e) {
      e.preventDefault();
      $('#deleteModal .modal-title').html('Confirm delete the drip:  <strong>'+$(this).parent().data('item-data'))+'</strong>';
      $('#deleteModal .modal-body').html('Are you sure you want to delete the drip?<br/>Warning: the drip will be removed from all the company users.');
      $('#deleteModal-confirmButton').data('item-id',$(this).parent().data('item-id'));
      $('#deleteModal').modal('show');
  });

  $('#deleteModal-confirmButton').on('click', function (e) {
    $("#deleteItemForm"+$(this).data('item-id')).submit();
  });


  $(".dripMessage").keyup(function(){
    $(this).parent().parent().parent().find('#dripMessageCharCount').val($(this).val().length);
  });

  $.each($(".dripMessage"), function( index, value ) {
    $(value).parent().parent().parent().find('#dripMessageCharCount').val($(this).val().length);
  });

  $("#campaignMessage").keyup(function(){
    $('#campaignMessageCharCount').val($(this).val().length);
  });
  $('#campaignMessageCharCount').val($('#campaignMessage').val().length);
  


</script>
@endsection