@extends('layouts.app')

@section('content')
<div class="card">
	<form id="form-edit" action="{{ route('sms.update') }}" method="POST">
		<div class="card-header">
			<h5 class="card-title">Edit SMS Blast {{ ucwords(str_replace('_',' ',$sms_blast->type)) }}</h5>
			<button type="submit" class="btn btn-dark"><i class="fas fa-save"></i> Save</button>
		</div>

		<div class="card-body">
			<div class="container-fluid">
				<div class="form-group row">
					<label class="col-md-2 col-form-label">Content</label>

					<div class="col-md-10">
						<textarea class="form-control" id="content" name="content" rows="6" maxlength="100" @if(!$sms_blast->editable) readonly @endif>{!! $sms_blast->content !!}</textarea>
						<div id="count_comment" style="">
						<span id="current_comment">0</span>
						<span id="maximum_comment"> / 100</span>
						<small class="form-text text-muted">Do not remove %s for system generated!</small>
					</div>
				</div>
			</div>
			@if($sms_blast->id == 2)
			<div class="form-group row">
				<label class="col-md-2 col-form-label">Day</label>
				<div class="col-md-10">
					<select name="cron_day">
				        				        @for($i=$start_date; $i<=$end_date; $i++ )
				            <option value='{{$i}}' @if($sms_blast->cron_day == $i) selected @endif>{{$i}}</option>
				        @endfor
				        ?>
				    </select>
				</div>
			</div>
			@endif		
			<div class="form-group row">
					<label class="col-md-2 col-form-label">Time</label>

					<div class="col-md-10">
						<input type="time" id="appt" name="cron_time" value="{{$sms_blast->cron_time}}">
					</div>
				</div>
			</div>		
			<a href="{{ route('sms.index') }}" class="btn btn-dark" title="Back">
				Back
			</a>	
		</div>

		<input type="hidden" name="id" value="{{ $sms_blast->id }}">
	</form>
</div>
@endsection

@section('js')
<script>
	$( document ).ready(function() {
	    $('#current_comment').text($('#content').val().length);
	});

	$('#form-edit').submit(function(e)
	{
		$.Event(e).preventDefault();

		const form = $(this);

		$.ajax({
			url: $(this).attr('action'),
			type: $(this).attr('method'),
			data: new FormData(this),
			processData: false,
			contentType: false,

		}).done(function(data)
		{
			showNoty(data);
		});
	});
	$('#content').keyup(function () {
		var character_count = $(this).val().length,
		current = $('#current_comment'),
		maximum = $('#maximum_comment'),
		the_count = $('#count_comment');
		var maxlength = $(this).attr('maxlength');
		current.text(character_count);
	});
</script>
@endsection