Viewing file:  index.blade.php (6.35 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.customer')
@section('title', trans('customer.coverage',['index'=>'Area']))
@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('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('customer.coverage.create')}}">{{trans('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>About Coverage</h5>
<p class="text-muted mb-3">
Coverage shows you which countries and messaging services are available for sending and receiving messages.
This helps you understand what types of messages you can use in different regions.
</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> Regular text messages (up to 160 characters)</li>
<li class="mb-2"><i class="fas fa-image text-success mr-2"></i><strong>MMS:</strong> Messages that can include pictures, videos, or other files</li>
<li class="mb-2"><i class="fas fa-phone-volume text-info mr-2"></i><strong>Voice SMS:</strong> Your text message read aloud as a phone call</li>
<li class="mb-2"><i class="fab fa-whatsapp text-success mr-2"></i><strong>WhatsApp SMS:</strong> Messages delivered through WhatsApp</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-search text-primary mr-2"></i>Browse the table below to see which message types are available for each country</li>
<li class="mb-2"><i class="fas fa-plus-circle text-success mr-2"></i>Click <strong>"Create"</strong> to add new coverage settings</li>
<li class="mb-2"><i class="fas fa-cog text-warning mr-2"></i>Use the <strong>"Action"</strong> menu to manage existing coverage</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('Country')}}</th>
<th>{{trans('Plain SMS')}}</th>
<th>{{trans('Receive SMS')}}</th>
<th>{{trans('Send MMS')}}</th>
<th>{{trans('Receive MMS')}}</th>
<th>{{trans('Send Voice SMS')}}</th>
<th>{{trans('Receive Voice SMS')}}</th>
<th>{{trans('Send Whatsapp SMS')}}</th>
<th>{{trans('Receive Whatsapp SMS')}}</th>
<th>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('customer.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
|