Viewing file:  index.blade.php (6.49 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.admin')
@section('title') {{trans('admin.coverage_area')}} @endsection
@section('extra-css')
<link rel="stylesheet" href="{{asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
@endsection
@section('content')
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h2 class="card-title">
{{trans('admin.coverage')}}
<button class="btn btn-sm btn-outline-info mr-2" type="button" data-toggle="collapse" data-target="#coverageInfo" aria-expanded="false" aria-controls="coverageInfo" title="Show Information">
<i class="fas fa-info-circle"></i>
</button>
</h2>
<div class="float-right">
<a class="btn btn-primary" href="{{route('admin.coverage.create')}}">{{trans('admin.create')}}</a>
</div>
</div>
<!-- /.card-header -->
<div class="collapse" id="coverageInfo">
<div class="card-body border-bottom bg-light">
<div class="row">
<div class="col-md-12">
<h5 class="text-primary mb-3"><i class="fas fa-info-circle mr-2"></i>What is Coverage?</h5>
<p class="text-muted mb-3">
Coverage determines which countries and messaging services are available for your SMS platform.
This feature allows you to control which types of messages can be sent or received in different countries.
</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h6 class="font-weight-bold mb-2">Available Message Types:</h6>
<ul class="list-unstyled ml-3">
<li class="mb-2"><i class="fas fa-sms text-primary mr-2"></i><strong>Plain SMS:</strong> Standard text messages</li>
<li class="mb-2"><i class="fas fa-image text-success mr-2"></i><strong>MMS:</strong> Messages with images, videos, or other media</li>
<li class="mb-2"><i class="fas fa-phone-volume text-info mr-2"></i><strong>Voice SMS:</strong> Text-to-speech messages delivered as phone calls</li>
<li class="mb-2"><i class="fab fa-whatsapp text-success mr-2"></i><strong>WhatsApp SMS:</strong> Messages sent through WhatsApp Business API</li>
</ul>
</div>
<div class="col-md-6">
<h6 class="font-weight-bold mb-2">How to Use:</h6>
<ul class="list-unstyled ml-3">
<li class="mb-2"><i class="fas fa-plus-circle text-primary mr-2"></i>Click <strong>"Create"</strong> to add a new country with specific messaging capabilities</li>
<li class="mb-2"><i class="fas fa-toggle-on text-success mr-2"></i>Enable or disable sending and receiving for each message type per country</li>
<li class="mb-2"><i class="fas fa-edit text-warning mr-2"></i>Use the <strong>"Action"</strong> column to edit or remove existing coverage settings</li>
</ul>
</div>
</div>
</div>
</div>
<div class="card-body table-body">
<table id="coverage" class="table table-striped table-bordered dt-responsive nowrap">
<thead>
<tr>
<th>{{trans('admin.country')}}</th>
<th>{{trans('admin.plain_sms')}}</th>
<th>{{trans('admin.receive_sms')}}</th>
<th>{{trans('admin.send_sms')}}</th>
<th>{{trans('admin.receive_sms')}}</th>
<th>{{trans('admin.send_voice_sms')}}</th>
<th>{{trans('admin.receive_voice_sms')}}</th>
<th>{{trans('admin.send_whatsapp_sms')}}</th>
<th>{{trans('admin.receive_whatsapp_sms')}}</th>
<th>{{trans('admin.action')}}</th>
</tr>
</thead>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
@endsection
@section('extra-scripts')
<script src="{{asset('plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>
<script>
"use strict";
$('#coverage').DataTable({
processing: true,
serverSide: true,
responsive:true,
ajax:'{{route('admin.get.all.coverage')}}',
columns: [
{ "data": "country" },
{ "data": "plain_sms" },
{ "data": "receive_sms" },
{ "data": "send_mms" },
{ "data": "receive_mms" },
{ "data": "send_voice_sms" },
{ "data": "receive_voice_sms" },
{ "data": "send_whatsapp_sms" },
{ "data": "receive_whatsapp_sms" },
{ "data": "action" },
]
});
</script>
@endsection
|