@extends('layouts.container')
	<!-- will be used to show any messages -->
@section('title', 'SMS Gateway')
@section('title_description')
	<a href="{{ URL::route('smsgateway-create-form') }}" class="btn btn-success"><span class="glyphicon glyphicon-plus-sign"></span> Tambah Baru</a>
@stop
@section('css')
	<link href="{{asset('/engine/multiSelect/css/multi-select.css') }}" media="screen" rel="stylesheet" type="text/css">
	<link href="{{asset('/engine/adminLTE/dist/css/AdminLTE.min.css') }}" rel="stylesheet" type="text/css" />
	<!-- AdminLTE Skins. Choose a skin from the css/skins
		 folder instead of downloading all of them to reduce the load. -->
	<link href="{{asset('/engine/adminLTE/dist/css/skins/skin-green.min.css') }}" rel="stylesheet" type="text/css" />
	<!-- iCheck -->
	<link href="{{asset('/engine/iCheck/flat/green.css') }}" rel="stylesheet" type="text/css" />
@stop
@section('body-class', 'skin-green')
@section('content')
	<div class="row">
		<div class="col-md-3">
			<div class="box box-solid">
				<div class="box-header with-border">
					<h3 class="box-title">Folders</h3>

					<div class="box-tools">
						<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
						</button>
					</div>
				</div>
				<div class="box-body no-padding">
					<ul class="nav nav-pills nav-stacked">
						<li class="{{ ($type == 'inbox') ? 'bg-green' : '' }}"><a href="{{ URL::route('smsgateway-all', 'inbox') }}"><i class="fa fa-inbox"></i> Inbox</a></li>
						<li class="{{ ($type == 'sent') ? 'bg-green' : '' }} }}"><a href="{{ URL::route('smsgateway-all', 'sent') }}"><i class="fa fa-send"></i> Sent</a></li>
					</ul>
				</div>
				<!-- /.box-body -->
			</div>
		</div>
		<div class="col-md-9">
			<div class="box box-success">
				<div class="box-header with-border">
					<i class="fa fa-binoculars"></i> {{ ($id != '') ? 'Pencarian. in '.$type.':'.$id : strtoupper($type) }}
				</div>
				<div class="box-body no-padding smsgateway-messages">
					@include('smsgateway.sms.'.$type)
					<div class="text-center">
						{{ $data->links() }}
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection
@section('js')
	<script src="{{asset('/engine/iCheck/icheck.min.js') }}" type="text/javascript"></script>
	<script src="{{asset('/engine/fastclick/fastclick.min.js') }}"></script>
	<script src="{{asset('/engine/slimScroll/jquery.slimscroll.min.js') }}" type="text/javascript"></script>
	<script>
		$(function() {
			$('.smsgateway-messages input[type="checkbox"]').iCheck({
				checkboxClass: 'icheckbox_flat-green',
				radioClass: 'iradio_flat-green'
			});

			$(".checkbox-toggle").click(function() {
				var clicks = $(this).data('clicks');
				if (clicks) {
					$(".smsgateway-messages input[type='checkbox']").iCheck("uncheck");
					$(".fa", this).removeClass("fa-check-square-o").addClass('fa-square-o');
				} else {
					$(".smsgateway-messages input[type='checkbox']").iCheck("check");
					$(".fa", this).removeClass("fa-square-o").addClass('fa-check-square-o');
				}
				$(this).data("clicks", !clicks);
			});

			$('.btn_trash').click(function() {

				var $checked = $(".smsgateway-messages input[type='checkbox']:checked:enabled");
				var $counter = $checked.length;
				$checked.each(function(index, value) {
					$.ajax({
						url: "/smsgateway/{{ ($type == 'inbox') ? 'inbox' : 'sent' }}/delete/" + $(value).val(),
						method: 'DELETE'
					}).always(function() {
						if (($counter-1) == index) {
							$(".smsgateway-messages input[type='checkbox']").iCheck("uncheck");
							window.location.reload();
						}
					});
				});
			});
		})
	</script>
@endsection