@extends('layouts.app')

@section('content')
<div class="card">
	<div class="card-header">
		<h5 class="card-title">SMS Blast</h5>
	</div>

	<div class="card-body">
		<div class="data">
			<div class="table-responsive">
				<table class="table table-borderless">
					<thead class="thead-light">
						<th>Type</th>
						<th>Status</th>
						<th>Action</th>
					</thead>

					<tbody>
					@if ($sms_blast->count())
					@foreach ($sms_blast as $sms)
						<tr>
							<td>{{ ucwords(str_replace('_',' ',$sms->type)) }}</td>
							<td>
								@if($sms->status)
									Start
								@else
									Stop
								@endif
							</td>
							<td>
								<a href="{{ route('sms.edit', ['id' => $sms->id]) }}" class="btn btn-sm btn-dark" title="Edit">
									<i class="fas fa-edit"></i>
								</a>
								@if ($sms->status)
								<button type="button" onclick="disable({{$sms->id}});" class="btn btn-sm btn-dark" title="Disable">
									<i class="fas fa-ban"></i>
								</button>
								@else
								<button type="button" onclick="enable({{$sms->id}});" class="btn btn-sm btn-dark" title="Enable">
									<i class="fas fa-check"></i>
								</button>
								@endif
							</td>
						</tr>
					@endforeach
					@else
						<tr>
							<td class="text-center" colspan="10">No record</td>
						</tr>
					@endif
					</tbody>
				</table>	
			</div>
		</div>
	</div>
</div>
@endsection

@section('js')
<script>
    function disable(sms_id)
	{

		$.ajax({
			url: "{{ route('sms.disable') }}",
			type: "POST",
			data:"id="+sms_id,
			dataType: 'json'

		}).done(function(data)
		{
			showNoty(data);

			if (data.status == 'success')
			{
				setTimeout(function(){ location.reload(); }, 2000);
			}
		});
	};
	function enable(sms_id)
	{

		$.ajax({
			url: "{{ route('sms.enable') }}",
			type: "POST",
			data:"id="+sms_id,
			dataType: 'json'

		}).done(function(data)
		{
			showNoty(data);

			if (data.status == 'success')
			{
				setTimeout(function(){ location.reload(); }, 2000);
			}
		});
	};
</script>
@endsection