@extends('layouts.handa')
	@section('content')
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="float-left">
						<h3><strong>GSM Settings</strong></h3>
					</div>
					<div class="float-right">
					</div>
				</div>
			</div>
			<div class="card">
				<div class="card-body">
					<div class="row">
						<div class="col-md-4">
							<div class="form-group row">
								<div class="col-4 text-right">
									<label class="col-form-label">GSM1</label>
								</div>
								<div class="col-5 text-center">
									<label class="col-form-label text-danger" id="GSM1">{{ count(\Storage::disk('sms')->files('gsm1')) }}</label>
								</div>
								<div class="col-3 text-right">
									<label class="col-form-label"><button class="btn btn-danger btn-sm purge-btn" data-id="GSM1" data-toggle="modal" data-target="#confirm-delete"><span class="fa fa-trash"></span></button></label>
								</div>
							</div>
							<div class="form-group row mb-0">
								<div class="col-4 text-right">
									<label class="col-form-label">GSM2</label>
								</div>
								<div class="col-5 text-center">
									<label class="col-form-label text-danger" id="GSM2">{{ count(\Storage::disk('sms')->files('gsm2')) }}</label>
								</div>
								<div class="col-3 text-right">
									<label class="col-form-label"><button class="btn btn-danger btn-sm purge-btn" data-id="GSM2" data-toggle="modal" data-target="#confirm-delete"><span class="fa fa-trash"></span></button></label>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-group row">
								<div class="col-4 text-right">
									<label class="col-form-label">Incoming</label>
								</div>
								<div class="col-5 text-center">
									<label class="col-form-label text-danger" id="incoming">{{ count(\Storage::disk('sms')->files('incoming')) }}</label>
								</div>
								<div class="col-3 text-right">
									<label class="col-form-label"><button class="btn btn-danger btn-sm purge-btn" data-id="incoming" data-toggle="modal" data-target="#confirm-delete"><span class="fa fa-trash"></span></button></label>
								</div>
							</div>
							<div class="form-group row mb-0">
								<div class="col-4 text-right">
									<label class="col-form-label">Outgoing</label>
								</div>
								<div class="col-5 text-center">
									<label class="col-form-label text-danger" id="outgoing">{{ count(\Storage::disk('sms')->files('outgoing')) }}</label>
								</div>
								<div class="col-3 text-right">
									<label class="col-form-label"><button class="btn btn-danger btn-sm purge-btn" data-id="outgoing" data-toggle="modal" data-target="#confirm-delete"><span class="fa fa-trash"></span></button></label>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-group row">
								<div class="col-4 text-right">
									<label class="col-form-label">Sent</label>
								</div>
								<div class="col-5 text-center">
									<label class="col-form-label text-danger" id="sent">{{ count(\Storage::disk('sms')->files('sent')) }}</label>
								</div>
								<div class="col-3 text-right">
									<label class="col-form-label"><button class="btn btn-danger btn-sm purge-btn" data-id="sent" data-toggle="modal" data-target="#confirm-delete"><span class="fa fa-trash"></span></button></label>
								</div>
							</div>
							<div class="form-group row mb-0">
								<div class="col-4 text-right">
									<label class="col-form-label">Failed</label>
								</div>
								<div class="col-5 text-center">
									<label class="col-form-label text-danger" id="failed">{{ count(\Storage::disk('sms')->files('failed')) }}</label>
								</div>
								<div class="col-3 text-right">
									<label class="col-form-label"><button class="btn btn-danger btn-sm purge-btn" data-id="failed" data-toggle="modal" data-target="#confirm-delete"><span class="fa fa-trash"></span></button></label>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="card-footer">
					<div class="row">
						<div class="col-10 text-left">
							<div id="logs"></div>
						</div>
						<div class="col-2 text-right pt-2">
							<span class="btn btn-danger btn-sm btn-circle" title="Restart SMS" data-toggle="modal" data-target="#confirm-restart"><span class="fa fa-power-off"></span></span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="confirm-delete" class="modal fade" role="dialog">
			<div class="modal-dialog modal-dialog-centered">
				<div class="modal-content">
					<div class="modal-header">
						<h4 class="modal-title mx-auto">Are you sure to empty folder <label class="text-danger" id="folder-name"></label>?</h4>
					</div>
					<div class="modal-body">
						<div class="text-center"><button class="btn btn-success btn-sm submit-delete">Yes</button> <button class="btn btn-danger btn-sm" data-dismiss="modal">No</button></div>
					</div>
				</div>
			</div>
		</div>
		<div id="confirm-restart" class="modal fade" role="dialog">
			<div class="modal-dialog modal-dialog-centered">
				<div class="modal-content">
					<div class="modal-header">
						<h4 class="modal-title text-center">Are you sure to restart GSM modem?</h4>
					</div>
					<div class="modal-body">
						<div class="text-center"><button class="btn btn-success btn-sm submit-restart">Yes</button> <button class="btn btn-danger btn-sm" data-dismiss="modal">No</button></div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$('#logs').load('gsm/logs');

			$('.purge-btn').click(function(e) {
				e.preventDefault();
				$('.modal-header #folder-name').text($(this).data('id'));
			});

			$('.submit-delete').click(function() {
				$.ajax({
					url: '{{ url('backdoor/gsm/purge') }}',
					data: { data: $('#folder-name').text() },
					type: 'get'
				}).done(function(response) {
					alert(response);
					$('#confirm-delete').modal('hide');
					$.ajax({
						url: '{{ url('backdoor/gsm/msgs') }}',
						data: { data: $('#folder-name').text() },
						type: 'get'
					}).done(function(response) {
						var data = $.parseJSON(response);
						$('#'+data['id']).text(data['data_count']);
					});
				});
			});

			$('.submit-restart').click(function() {
				$.ajax({
					url: '{{ url('backdoor/gsm/gsm') }}',
					type: 'get'
				}).done(function(response) {
					alert(response);
					$('#confirm-restart').modal('hide');
				});
			});

			setInterval(function() {
				$('#logs').load('gsm/logs');
			}, 300000);
		</script>
	@stop