diff --git a/app/Http/Controllers/CallCenterController.php b/app/Http/Controllers/CallCenterController.php
new file mode 100644
index 0000000..98861eb
--- /dev/null
+++ b/app/Http/Controllers/CallCenterController.php
@@ -0,0 +1,189 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\Services\CustomerService;
+use Illuminate\Support\Facades\Session;
+use Illuminate\Support\Facades\Http;
+use Illuminate\Support\Facades\Auth;
+use Carbon\Carbon;
+
+
+class CallCenterController extends Controller
+{
+    public function __construct()
+    {
+        $this->middleware('auth');
+    }
+
+    public function notisperingatan(Request $request){
+        $auth_user = Auth::user();
+        $api_url = config('api.url');
+        $cawangan_info = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url') . '/api/cawangan/'. $auth_user['cawangan'])->json();
+
+        $kelulusan = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url') . '/api/ListOperasi/')->json();
+
+        $arraykelulusan = [];
+
+
+        foreach($kelulusan as $index=>$lulus)
+        {
+            foreach($lulus['kelulusanall'] as $index=>$kel)
+            {
+                array_push($arraykelulusan,["cawangan" => $lulus['cawangan'], "cawangankod" => $lulus['cawangankod'],"namateller" => $kel['teller'], 'siri' => $kel['siri'] , "norujukan" => $kel['norujukan'], 'pinjaman' => $kel['jumpinj'],'komen' => $kel['komen'], 'nilaimarhun' => ($kel['nilaimarhun'] ?? '-'), 'berat' => ($kel['berat'] ?? '-'),'margin' => ($kel['margin'] ?? '-'), 'status' => ($kel['status'] ?? '-'), 'pelulus' => $kel['pelulus']]);
+            }
+        }
+
+
+        return view('callcenter.notisperingatan',compact('cawangan_info','api_url','arraykelulusan'));
+    }
+
+    public function cariansag(Request $request)
+    {
+        // dd($request->all());
+        $request->radaktif === 'aktif';
+        $api_url = config('api.url');
+        $auth_user = Auth::user();
+        $current = Carbon::now();
+        $current = new Carbon();
+        $tarikh_cetak = $current->toDateString();
+        $daritempoh = $request->daritempoh;
+        $hinggatempoh = $request->hinggatempoh;
+
+        $cawangan_all = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url').'/arcc/cawangan')->json();
+        $senarai = [];
+        foreach($cawangan_all as $cawangan){
+                    $kodcaw = $cawangan['kodcaw'];
+                    // $kodcaw = 'WCY';
+                    $datagadai = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url').'/arcc/datagadai/'.$request->radaktif.'/'.$kodcaw ,[
+                        'daritempoh' => $daritempoh,
+                        'hinggatempoh' => $hinggatempoh,
+                    ])->json();
+                    
+                        $data = [
+                            'kodcaw'=>$cawangan['kodcaw'],
+                            'caw_name'=>$cawangan['details_caw'],
+                            'datagadai' => $datagadai ? $datagadai : '',
+                        ];
+
+                        array_push($senarai,$data);
+                        
+                        // dd($data);
+            } 
+           
+            return view('callcenter.listcariansag', compact( 
+                                                        'kodcaw',
+                                                        'senarai',
+                                                        'daritempoh',
+                                                        'hinggatempoh',
+
+                                                    ));
+    }
+
+    public function janadatanotisperingatan(Request $request)
+    {
+        $current = Carbon::now();
+        $current = new Carbon();
+        $currentNow = Carbon::now();
+        $senarai = [];
+        $tarikh_savedaftarnotis = $current->toDateString();
+        $daritempoh = $request->daritempoh;
+        $hinggatempoh = $request->hinggatempoh;
+        $kodcaw = $request->kodcaw;
+        $selected_caw = $request->caw;
+        // dd($selected_caw);
+
+        $getbatchnotis=Http::withOptions(['verify' => config('app.api_verify')])->get( config('api.url').'/arcc/getbatchnotis',[
+            'daritempoh' => $daritempoh,
+            'hinggatempoh' => $hinggatempoh,
+        ])->json();
+
+        $newbatchnotis=$getbatchnotis;
+        
+        if(!empty($selected_caw))
+        {
+            foreach($selected_caw as $index=>$caw){
+                $cawangan_info = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url') . '/api/cawangan/'. $caw)->json();
+                // dd($cawangan_info);
+                $insertdatagadai = Http::withOptions(['verify' => config('app.api_verify')])->post(config('api.url').'/arcc/insertdatagadai/aktif/'.$caw ,[
+                    'daritempoh' => $daritempoh,
+                    'hinggatempoh' => $hinggatempoh,
+                    'kodcaw' => $caw,
+                    'notisid' => $newbatchnotis
+                ])->json();
+
+                $data = [
+                        'kodcaw'=>$caw,
+                        'caw_name'=>$cawangan_info['details_caw'],
+                        'datagadai' => $insertdatagadai ? $insertdatagadai : '',
+                    ];
+
+                    array_push($senarai,$data);
+            }
+        }
+        return redirect()->route('arcc.notisperingatan')->with('success','Berjaya Daftar Notis Peringatan.');
+
+    }
+
+    // public function rekodnotisperingatan(Request $request){
+    //     $auth_user = Auth::user();
+    //     $api_url = config('api.url');
+
+
+    //     $cawangan_info = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url') . '/api/cawangan/'. $auth_user['cawangan'])->json();
+    //     $rekodblast = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url'). '/api/rekodblast/'. $auth_user['cawangan'])->json();
+    //     return view('callcenter.rekodnotisperingatan',compact('cawangan_info','api_url','rekodblast'));
+    // }
+
+    public function rekodnotisperingatan()
+    {
+        $auth_user = Auth::user();
+        $api_url = config('api.url');
+
+        $arrayinfo = [];
+
+        // $notis = Notis::select('tarikh_notis','id')
+        // ->groupBy('tarikh_notis')
+        // ->get();
+        $notis = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url'). '/arcc/senarainotisperingatan')->json();
+        // dd($notis);
+        foreach($notis as $info)
+        {
+            $getcawnotis = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url'). '/arcc/getcawnotis/'.$info['id'])->json();
+
+            array_push($arrayinfo, ['info'=> $info,'cawnotis' => $getcawnotis]);
+        }
+        // dd($arrayinfo);
+        return view('callcenter.rekodnotisperingatan',compact('notis','arrayinfo'));
+    }
+
+    public function detailnotisperingatan($notisid)
+    {
+        $auth_user = Auth::user();
+        $api_url = config('api.url');
+
+        $senarai = [];
+
+        $detailnotis = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url'). '/arcc/getcawnotis/'.$notisid)->json();
+        // dd($detailnotis[0]);
+        foreach($detailnotis as $info)
+        {
+            $getcawnotisbycaw = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url'). '/arcc/getcawnotisbycaw', [
+                'kodcaw' => $info[0]['kodcaw'],
+                'notisid' => $notisid
+            ])->json();
+
+            $data = [
+                'kodcaw'=>$info[0]['kodcaw'],
+                'caw_name'=>$info[0]['details_caw'],
+                'getcawnotisbycaw' => $getcawnotisbycaw ? $getcawnotisbycaw : '',
+            ];
+
+            array_push($senarai,$info,$data, ['info'=> $info, 'data'=>$data]);
+        }
+        return view('callcenter.detailnotisperingatan',compact('detailnotis','senarai'));
+    }
+
+
+}
diff --git a/app/Http/Kernel.php b/app/Http/Kernel.php
index f861f29..f563403 100644
--- a/app/Http/Kernel.php
+++ b/app/Http/Kernel.php
@@ -68,6 +68,7 @@ class Kernel extends HttpKernel
         'penilai' => 'App\Http\Middleware\Penilai',
         'khazanah' => 'App\Http\Middleware\Khazanah',
         'operasi' => 'App\Http\Middleware\Operasi',
+        'callcenter' => 'App\Http\Middleware\callcenter',
         'admin' => 'App\Http\Middleware\Admin',
         'audit' => 'App\Http\Middleware\Audit',
         'masteradmin' => 'App\Http\Middleware\Masteradmin',
diff --git a/app/Http/Middleware/CallCenter.php b/app/Http/Middleware/CallCenter.php
new file mode 100644
index 0000000..21ee06a
--- /dev/null
+++ b/app/Http/Middleware/CallCenter.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Http\Middleware;
+use Illuminate\Support\Facades\Auth;
+use Closure;
+
+class CallCenter
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  \Closure  $next
+     * @return mixed
+     */
+    public function handle($request, Closure $next)
+    {
+        if(Auth::check() && (Auth::user()->roles == 'callcenter')){
+            return $next($request);
+        }
+
+        return redirect('/login');
+    }
+}
diff --git a/resources/views/callcenter/detailnotisperingatan.blade.php b/resources/views/callcenter/detailnotisperingatan.blade.php
new file mode 100644
index 0000000..771d123
--- /dev/null
+++ b/resources/views/callcenter/detailnotisperingatan.blade.php
@@ -0,0 +1,240 @@
+@extends('layouts.app_operasi')
+<style>
+
+.radiostyle .radio-green {
+            background-color: #27ae60;
+            color:white;
+            box-shadow: 5px 10px #888888;
+            width:200px;
+            margin-right:5px;
+            transition: 0.5s ease;
+        }
+
+        .radiostyle .radio-red {
+            background-color: #e74c3c;
+            color:white;
+            width:200px;
+            margin-right:5px;
+            box-shadow: 5px 10px #888888;
+            transition: 0.5s ease;
+        }
+
+        .radiostyle .radio-yellow {
+            background-color: #3498db;
+            color:white;
+            width:200px;
+            margin-right:5px;
+            box-shadow: 5px 10px #888888;
+            transition: 0.5s ease;
+        }
+
+        .radiostyle .radio-green:hover {
+            box-shadow: 5px 5px #888888;
+
+
+        }
+
+        .radiostyle .radio-red:hover {
+            box-shadow: 5px 5px #888888;
+
+        }
+
+        .radiostyle .radio-yellow:hover {
+            box-shadow: 5px 5px #888888;
+
+        }
+
+        .radiostyle .radio-green input[type="radio"]:checked{
+            box-shadow: 5px 10px #888888;
+        }
+
+        .radiostyle .radio-yellow input[type="radio"]:checked{
+            box-shadow: 5px 10px #888888;
+        }
+
+        .radiostyle .radio-red input[type="radio"]:checked{
+            box-shadow: 5px 10px #888888;
+        }
+
+
+</style>
+
+<style>
+    #details {
+        font-family: Arial, Helvetica, sans-serif;
+        border-collapse: collapse;
+        width: 100%;
+    }
+
+    #details td,
+    #details th {
+
+        padding: 8px;
+        font-size: 11px;
+    }
+
+    #details tr:nth-child(even) {
+        background-color: #ffffff;
+    }
+
+    #details tr:hover {
+        background-color: #ddd;
+    }
+
+    #details th {
+        padding-top: 12px;
+        font-style: bold;
+        padding-bottom: 12px;
+        text-align: left;
+        padding: 4px;
+        color: black;
+    }
+</style>
+
+@section('content')
+<div class="container">
+    <div class="row">
+        <div class="col-md-12">
+            <div class="card">
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('arcc.notisperingatan') }}">Notis Peringatan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Rekod Notis Peringatan</li>
+                    </ol>
+                  </nav>
+
+                <div class="card-body text-center">
+                    <div class="row form-group">
+                        <div class="col-md-2">
+                        </div>
+                        <div class="col-md-10">
+                        </div>
+                    </div>
+                    @if ($message = Session::get('success'))
+                    <div class="alert alert-success">
+                        <p>{{ $message }}</p>
+                    </div>
+                    @elseif ($message = Session::get('failed'))
+                            <div class="alert alert-danger">
+                                <p>{{ $message }}</p>
+                            </div>
+                    @endif
+
+                    <div class="container">
+      
+                        <form id="exportpdf" action="{{route('stokaudit.rekodblastexport')}}" target="_blank" method="POST">
+                            @csrf
+                            <input type="hidden" name="type" id="typedonwload" value="">
+                            <input type='hidden' name="radaktif" value="aktif">
+                            <table class="table table-striped table-hover" id="myTable">
+                            <thead>
+                                <th>Bil</th>
+                                <th>Cawangan</th>
+                                <th>Bilangan Surat</th>
+                                <th>Maklumat Lanjut</th>
+
+                            </thead>
+                            {{dd($senarai[0])}}
+                            @foreach ($senarai[0] as $index => $item)
+                                <tr>
+                                    <td>{{ $loop->iteration }}</td>
+                                    <td style="white-space: nowrap;">{{$item['details_caw']}}</td>
+                                    <td style="white-space: nowrap;">{{$item['getcawnotisbycaw']['totalsag']}}</td>
+                                    {{-- <td style="white-space: nowrap;"><a href="{{ route('arcc.detailnotisperingatan', [ 'notisid' => $item['info']['id']] ) }}" class="btn btn-info text-white">Lihat</a></td> --}}
+                                </tr>
+                            @endforeach
+                        </table>
+                    </form>
+                    </div>
+
+                  
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script type="text/javascript">
+
+    var tablecustomers = $('#myTable').DataTable({
+        "ordering": false
+    });
+
+    $(document).ready( function () {
+        $('#datetimepicker1').datepicker({
+            format: 'dd-mm-yyyy'
+        });
+    });
+
+</script>
+
+<script>        
+        
+    var tablelelongbid= $('#details').DataTable( {
+        "columnDefs": [ 
+            {
+            "targets": 0,
+            "target": '_blank',
+            "orderable": false
+            }, 
+            {
+            "targets": 5,
+            "orderable": false
+            }
+        ],
+        // order: [[1, 'asc']],
+        // // "ordering": false,
+        "info": false,
+        "lengthChange": false,
+        "pageLength": 9999999,
+        dom: 'Bfrtip',
+        buttons: [
+           
+            // {
+            //     className: 'btn btn-outline-success pl-4 pr-4 btn-sm  export',
+            //     target: "_blank",
+            //     titleAttr: 'Export to Excel',
+            //     text: '<h8><b>EXCEL</b></h8>',
+            //     action: function ( e, dt, node, config ) {
+            //         $('#typedonwload').val('excel');
+            //         $("#exportpdf").submit();
+            //         // window.open("_blank");
+            //     }
+            // },
+            {
+                className: 'btn btn-outline-danger pl-4 pr-4 btn-sm  export',
+                titleAttr: 'Export to PDF',
+                text: '<h8><b>PDF</b></h8>',
+                action: function ( e, dt, node, config ) {
+                    $('#typedonwload').val('pdf');
+                    $("#exportpdf").submit();
+                  }
+                  
+              },
+            //   {
+            //       className: 'btn btn-outline-info pl-4 pr-4 btn-sm  export',
+            //       target: "_blank",
+            //       titleAttr: 'Blast Whatsapp',
+            //       text: '<h8><b>WHATSAPP</b></h8>',
+            //       action: function ( e, dt, node, config ) {
+            //           $('#typedonwload').val('whatsapp');
+            //           $("#exportpdf").submit();
+            //           // window.open("_blank");
+            //       }
+            //   }
+              
+              
+            
+        ]
+        
+    });
+  
+    $('.export').tooltip();
+    $( '.export').removeClass('dt-button');
+  
+  
+  </script>
+  
+@endsection
+
diff --git a/resources/views/callcenter/listcariansag.blade.php b/resources/views/callcenter/listcariansag.blade.php
new file mode 100644
index 0000000..6d0af95
--- /dev/null
+++ b/resources/views/callcenter/listcariansag.blade.php
@@ -0,0 +1,310 @@
+@extends('layouts.app_operasi')
+<style>
+
+.radiostyle .radio-green {
+            background-color: #27ae60;
+            color:white;
+            box-shadow: 5px 10px #888888;
+            width:200px;
+            margin-right:5px;
+            transition: 0.5s ease;
+        }
+
+        .radiostyle .radio-red {
+            background-color: #e74c3c;
+            color:white;
+            width:200px;
+            margin-right:5px;
+            box-shadow: 5px 10px #888888;
+            transition: 0.5s ease;
+        }
+
+        .radiostyle .radio-yellow {
+            background-color: #3498db;
+            color:white;
+            width:200px;
+            margin-right:5px;
+            box-shadow: 5px 10px #888888;
+            transition: 0.5s ease;
+        }
+
+        .radiostyle .radio-green:hover {
+            box-shadow: 5px 5px #888888;
+
+
+        }
+
+        .radiostyle .radio-red:hover {
+            box-shadow: 5px 5px #888888;
+
+        }
+
+        .radiostyle .radio-yellow:hover {
+            box-shadow: 5px 5px #888888;
+
+        }
+
+        .radiostyle .radio-green input[type="radio"]:checked{
+            box-shadow: 5px 10px #888888;
+        }
+
+        .radiostyle .radio-yellow input[type="radio"]:checked{
+            box-shadow: 5px 10px #888888;
+        }
+
+        .radiostyle .radio-red input[type="radio"]:checked{
+            box-shadow: 5px 10px #888888;
+        }
+
+
+</style>
+
+<style>
+    #details {
+        font-family: Arial, Helvetica, sans-serif;
+        border-collapse: collapse;
+        width: 100%;
+    }
+
+    #details td,
+    #details th {
+
+        padding: 8px;
+        font-size: 11px;
+    }
+
+    #details tr:nth-child(even) {
+        background-color: #ffffff;
+    }
+
+    #details tr:hover {
+        background-color: #ddd;
+    }
+
+    #details th {
+        padding-top: 12px;
+        font-style: bold;
+        padding-bottom: 12px;
+        text-align: left;
+        padding: 4px;
+        color: black;
+    }
+</style>
+
+@section('content')
+<div class="container">
+    <div class="row">
+        <div class="col-md-12">
+            <div class="card">
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('arcc.notisperingatan') }}">Notis Peringatan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Carian No.Rujukan</li>
+                    </ol>
+                  </nav>
+
+                <div class="card-body text-center">
+                    <div class="row form-group">
+                        <div class="col-md-2">
+                        </div>
+                        <div class="col-md-10">
+                        </div>
+                    </div>
+                    @if ($message = Session::get('success'))
+                    <div class="alert alert-success">
+                        <p>{{ $message }}</p>
+                    </div>
+                    @elseif ($message = Session::get('failed'))
+                            <div class="alert alert-danger">
+                                <p>{{ $message }}</p>
+                            </div>
+                    @endif
+                    <form action="{{route('arcc.janadatanotisperingatan')}}" method="POST" enctype="multipart/form-data">
+                        @csrf
+    
+                        <input type="hidden" class="form-control" id="daritempoh" name="daritempoh" value="{{$daritempoh}}">
+                        <input type="hidden" class="form-control" id="hinggatempoh" name="hinggatempoh" value="{{$hinggatempoh}}">
+                        <input type="hidden" class="form-control" id="kodcaw" name="kodcaw" value="{{$kodcaw}}">
+                    <div class="container">
+                        <div class="row">
+                   
+                    
+
+
+                    <table class="table text-left table-bordered" id="senaraitemp" style="width:100%">
+                        <thead class="bg-primary text-white">
+                            <tr>
+                                <th><input type="checkbox" aria-label="Checkbox for following text input" id="checkall"></th>
+                                <th>Bil</th>
+                                <th align="center">Kod Cawangan</th>
+                                <th align="center">Cawangan</th>
+                                <th align="left">Bilangan SAG</th>
+                                <th align="left">Total Berat (RM)</th>
+                                <th align="left">Total Pembiayaan (RM)</th>
+                                <th align="left">Total Baki Pembiayaan (RM)</th>
+                                <th align="left">Total Tunggakan Keuntungan (RM)</th>
+
+
+                            </tr>
+                        </thead>
+                        <tbody>
+                            @php $count = 1; $totalsagall = 0; $totalberatall = 0; $totalpembiayaanall = 0; $totalbakipjmall = 0; $totaltunggakanall = 0;    @endphp
+                            @foreach($senarai as $send)    
+                                <tr>
+                                    <td><input type="checkbox" aria-label="Checkbox for following text input" name="caw[]" id="caw" value = "{{ $send['kodcaw'] }}" class="checkbox"></td>
+                                    <td>{{ $count++ }}</td>
+                                    <td align="center">{{ $send['kodcaw'] }}</td>
+                                    <td align="left" style="white-space: nowrap;">{{ $send['caw_name'] }}<input type="hidden" class="form-control" id="caw_name" name="caw_name[]" value="{{$send['caw_name']}}"></td>
+                                    <td align="right">{{$send['datagadai']['totalsag']}}</td>
+                                    <td align="right">{{number_format($send['datagadai']['totalberat'], 2)}}</td>
+                                    <td align="right">{{number_format($send['datagadai']['totalpembiayaan'], 2)}}</td>
+                                    <td align="right">{{number_format($send['datagadai']['totalbakipjm'], 2)}}</td>
+                                    <td align="right">{{number_format($send['datagadai']['totaltunggakan'], 2)}}</td>
+                                </tr>
+                                @php
+                                $totalsagall += $send['datagadai']['totalsag'];
+                                $totalberatall += $send['datagadai']['totalberat'];
+                                $totalpembiayaanall += $send['datagadai']['totalpembiayaan'];
+                                $totalbakipjmall += $send['datagadai']['totalbakipjm'];
+                                $totaltunggakanall += $send['datagadai']['totaltunggakan'];
+                            @endphp
+                            @endforeach
+                        </tbody>
+                        <tfoot>
+                            <tr>
+                                <td colspan="4"><b>JUMLAH KESELURUHAN</b></td>
+                                <td align = 'right'><b>{{ number_format($totalsagall, 0, '.', ',') }}</b></td>
+                                <td align = 'right'><b>{{ number_format($totalberatall, 2, '.', ',') }}</b></td>
+                                <td align = 'right'><b>{{ number_format($totalpembiayaanall, 2, '.', ',') }}</b></td>
+                                <td align = 'right'><b>{{ number_format($totalbakipjmall, 2, '.', ',') }}</b></td>
+                                <td align = 'right'><b>{{ number_format($totaltunggakanall, 2, '.', ',') }}</b></td>                                {{-- <td align = 'right'></td> --}}
+                            </tr>
+                        </tfoot>
+                    </table>
+                    </div>
+
+                 
+
+                </div>
+                
+            
+            <div class="text-center">
+                <a  href="{{ route('arcc.notisperingatan') }}" class="btn btn-primary" style="width:8%;">Kembali</a>
+                <button type="submit" class="btn btn-success">Jana Notis Peringatan</button>
+            </div> 
+        </form>
+        </div>
+    </div>
+</div>
+<script type='text/javascript'>
+    $(document).ready(function(){
+      // Check or Uncheck All checkboxes
+      $("#checkall").change(function(){
+        var checked = $(this).is(':checked');
+        if(checked){
+          $(".checkbox").each(function(){
+            $(this).prop("checked",true);
+          });
+        }else{
+          $(".checkbox").each(function(){
+            $(this).prop("checked",false);
+          });
+        }
+      });
+    
+     // Changing state of CheckAll checkbox 
+     $(".checkbox").click(function(){
+    
+       if($(".checkbox").length == $(".checkbox:checked").length) {
+         $("#checkall").prop("checked", true);
+       } else {
+         $("#checkall").prop("checked", false);
+       }
+   
+     });
+   });
+   </script>
+<script type="text/javascript">
+
+    var tablecustomers = $('#myTable').DataTable({
+        "ordering": false
+    });
+
+    $(document).ready( function () {
+        $('#datetimepicker1').datepicker({
+            format: 'dd-mm-yyyy'
+        });
+    });
+
+</script>
+
+<script>        
+        
+    var tablelelongbid= $('#details').DataTable( {
+        "columnDefs": [ 
+            {
+            "targets": 0,
+            "target": '_blank',
+            "orderable": false
+            }, 
+            {
+            "targets": 5,
+            "orderable": false
+            }
+        ],
+        // order: [[1, 'asc']],
+        // // "ordering": false,
+        "info": false,
+        "lengthChange": false,
+        "pageLength": 9999999,
+        dom: 'Bfrtip',
+        buttons: [
+           
+            // {
+            //     className: 'btn btn-outline-success pl-4 pr-4 btn-sm  export',
+            //     target: "_blank",
+            //     titleAttr: 'Export to Excel',
+            //     text: '<h8><b>EXCEL</b></h8>',
+            //     action: function ( e, dt, node, config ) {
+            //         $('#typedonwload').val('excel');
+            //         $("#exportpdf").submit();
+            //         // window.open("_blank");
+            //     }
+            // },
+            // {
+            //     className: 'btn btn-outline-danger pl-4 pr-4 btn-sm  export',
+            //     titleAttr: 'Export to PDF',
+            //     text: '<h8><b>PDF</b></h8>',
+            //     action: function ( e, dt, node, config ) {
+            //         $('#typedonwload').val('pdf');
+            //         $("#exportpdf").submit();
+            //       }
+                  
+            //   },
+            //   {
+            //       className: 'btn btn-outline-info pl-4 pr-4 btn-sm  export',
+            //       target: "_blank",
+            //       titleAttr: 'Blast Whatsapp',
+            //       text: '<h8><b>WHATSAPP</b></h8>',
+            //       action: function ( e, dt, node, config ) {
+            //           $('#typedonwload').val('whatsapp');
+            //           $("#exportpdf").submit();
+            //           // window.open("_blank");
+            //       }
+            //   }
+              
+              
+            
+        ]
+        
+    });
+  
+    $('.export').tooltip();
+    $( '.export').removeClass('dt-button');
+  
+  
+  </script>
+  
+@endsection
+
diff --git a/resources/views/callcenter/notisperingatan.blade.php b/resources/views/callcenter/notisperingatan.blade.php
new file mode 100644
index 0000000..431f907
--- /dev/null
+++ b/resources/views/callcenter/notisperingatan.blade.php
@@ -0,0 +1,267 @@
+@extends('layouts.app_operasi')
+<style>
+
+.radiostyle .radio-green {
+            background-color: #27ae60;
+            color:white;
+            box-shadow: 5px 10px #888888;
+            width:200px;
+            margin-right:5px;
+            transition: 0.5s ease;
+        }
+
+        .radiostyle .radio-red {
+            background-color: #e74c3c;
+            color:white;
+            width:200px;
+            margin-right:5px;
+            box-shadow: 5px 10px #888888;
+            transition: 0.5s ease;
+        }
+
+        .radiostyle .radio-yellow {
+            background-color: #3498db;
+            color:white;
+            width:200px;
+            margin-right:5px;
+            box-shadow: 5px 10px #888888;
+            transition: 0.5s ease;
+        }
+
+        .radiostyle .radio-green:hover {
+            box-shadow: 5px 5px #888888;
+
+
+        }
+
+        .radiostyle .radio-red:hover {
+            box-shadow: 5px 5px #888888;
+
+        }
+
+        .radiostyle .radio-yellow:hover {
+            box-shadow: 5px 5px #888888;
+
+        }
+
+        .radiostyle .radio-green input[type="radio"]:checked{
+            box-shadow: 5px 10px #888888;
+        }
+
+        .radiostyle .radio-yellow input[type="radio"]:checked{
+            box-shadow: 5px 10px #888888;
+        }
+
+        .radiostyle .radio-red input[type="radio"]:checked{
+            box-shadow: 5px 10px #888888;
+        }
+
+
+</style>
+
+<style>
+    #details {
+        font-family: Arial, Helvetica, sans-serif;
+        border-collapse: collapse;
+        width: 100%;
+    }
+
+    #details td,
+    #details th {
+
+        padding: 8px;
+        font-size: 11px;
+    }
+
+    #details tr:nth-child(even) {
+        background-color: #ffffff;
+    }
+
+    #details tr:hover {
+        background-color: #ddd;
+    }
+
+    #details th {
+        padding-top: 12px;
+        font-style: bold;
+        padding-bottom: 12px;
+        text-align: left;
+        padding: 4px;
+        color: black;
+    }
+</style>
+
+@section('content')
+<div class="container">
+    <div class="row">
+        <div class="col-md-12">
+            <div class="card">
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('arcc.notisperingatan') }}">Notis Peringatan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Carian No.Rujukan</li>
+                    </ol>
+                  </nav>
+
+                <div class="card-body text-center">
+                    <div class="row form-group">
+                        <div class="col-md-2">
+                        </div>
+                        <div class="col-md-10">
+                        </div>
+                    </div>
+                    @if ($message = Session::get('success'))
+                    <div class="alert alert-success">
+                        <p>{{ $message }}</p>
+                    </div>
+                    @elseif ($message = Session::get('failed'))
+                            <div class="alert alert-danger">
+                                <p>{{ $message }}</p>
+                            </div>
+                    @endif
+
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-md-4 mx-auto">
+                            <form action="{{ route('arcc.cariansag') }}" method="get">
+                                    @csrf
+                                    <div class="input-group mb-2">
+                                        <div class="input-group-prepend">
+                                            <span class="input-group-text" id="daritempoh">Dari Tempoh</span>
+                                        </div>
+                                        <input type="text" class="form-control" placeholder="" aria-label="Tempoh" aria-describedby="daritempoh" name = 'daritempoh'>
+                                    </div>
+
+                            </div>
+                            <div class="col-md-5 mx-auto">
+                                    <div class="input-group mb-3">
+                                        <div class="input-group-prepend">
+                                            <span class="input-group-text" id="hinggatempoh">Hingga Tempoh</span>
+                                        </div>
+                                        <input type="text" class="form-control" placeholder="" aria-label="Tempoh" aria-describedby="hinggatempoh" name = 'hinggatempoh'>
+                                       <input type="submit" class="btn btn-primary ml-md-5" id="submit_button" name="submit_button" value="Carian">
+                                    </div>
+                            </div>
+                             
+                        </div>
+                        <br><br>
+                        <div class="row">
+                            {{-- <div class="btn-group-toggle col-md-12 col-sm-12 mb-4 radiostyle" data-toggle="buttons"> --}}
+                                {{-- <label class="btn btn-lg radio-yellow"> --}}
+                                    <input type="hidden" name="radaktif" value="aktif">
+                                    {{-- <span>Aktif</span> --}}
+                                {{-- </label> --}}
+                                {{-- <label class="btn btn-lg radio-green">
+                                    <input autocomplete="off" type="radio" name="radaktif" id="option2" value="takaktif" autocomplete="off"><span>Tak Aktif</span>
+                                </label> --}}
+                            {{-- </div> --}}
+
+                        </div>
+                        
+                        <div class="row">
+                            <div class="btn-group-toggle col-md-12 col-sm-12 mb-4">
+                                <label class="btn btn-lg green">
+                                  <a href="{{ route('arcc.rekodnotisperingatan') }}" class="btn btn-dark btn-lg btn-block mb-3">Rekod Notis Peringatan</a>
+                                </label>
+                                <label class="btn btn-lg radio-green">
+                                    {{-- <a href="{{ route('stokaudit.rekodblastsms') }}" class="btn btn-dark btn-lg btn-block mb-3">Rekod SMS</a> --}}
+                                  </label>
+                            </div>
+
+                        </div>
+
+
+                    </form>
+                    </div>
+
+                  
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script type="text/javascript">
+
+    var tablecustomers = $('#myTable').DataTable({
+        "ordering": false
+    });
+
+    $(document).ready( function () {
+        $('#datetimepicker1').datepicker({
+            format: 'dd-mm-yyyy'
+        });
+    });
+
+</script>
+
+<script>        
+        
+    var tablelelongbid= $('#details').DataTable( {
+        "columnDefs": [ 
+            {
+            "targets": 0,
+            "target": '_blank',
+            "orderable": false
+            }, 
+            {
+            "targets": 5,
+            "orderable": false
+            }
+        ],
+        // order: [[1, 'asc']],
+        // // "ordering": false,
+        "info": false,
+        "lengthChange": false,
+        "pageLength": 9999999,
+        dom: 'Bfrtip',
+        buttons: [
+           
+            // {
+            //     className: 'btn btn-outline-success pl-4 pr-4 btn-sm  export',
+            //     target: "_blank",
+            //     titleAttr: 'Export to Excel',
+            //     text: '<h8><b>EXCEL</b></h8>',
+            //     action: function ( e, dt, node, config ) {
+            //         $('#typedonwload').val('excel');
+            //         $("#exportpdf").submit();
+            //         // window.open("_blank");
+            //     }
+            // },
+            // {
+            //     className: 'btn btn-outline-danger pl-4 pr-4 btn-sm  export',
+            //     titleAttr: 'Export to PDF',
+            //     text: '<h8><b>PDF</b></h8>',
+            //     action: function ( e, dt, node, config ) {
+            //         $('#typedonwload').val('pdf');
+            //         $("#exportpdf").submit();
+            //       }
+                  
+            //   },
+            //   {
+            //       className: 'btn btn-outline-info pl-4 pr-4 btn-sm  export',
+            //       target: "_blank",
+            //       titleAttr: 'Blast Whatsapp',
+            //       text: '<h8><b>WHATSAPP</b></h8>',
+            //       action: function ( e, dt, node, config ) {
+            //           $('#typedonwload').val('whatsapp');
+            //           $("#exportpdf").submit();
+            //           // window.open("_blank");
+            //       }
+            //   }
+              
+              
+            
+        ]
+        
+    });
+  
+    $('.export').tooltip();
+    $( '.export').removeClass('dt-button');
+  
+  
+  </script>
+  
+@endsection
+
diff --git a/resources/views/callcenter/rekodnotisperingatan.blade.php b/resources/views/callcenter/rekodnotisperingatan.blade.php
new file mode 100644
index 0000000..4994b37
--- /dev/null
+++ b/resources/views/callcenter/rekodnotisperingatan.blade.php
@@ -0,0 +1,253 @@
+@extends('layouts.app_operasi')
+<style>
+
+.radiostyle .radio-green {
+            background-color: #27ae60;
+            color:white;
+            box-shadow: 5px 10px #888888;
+            width:200px;
+            margin-right:5px;
+            transition: 0.5s ease;
+        }
+
+        .radiostyle .radio-red {
+            background-color: #e74c3c;
+            color:white;
+            width:200px;
+            margin-right:5px;
+            box-shadow: 5px 10px #888888;
+            transition: 0.5s ease;
+        }
+
+        .radiostyle .radio-yellow {
+            background-color: #3498db;
+            color:white;
+            width:200px;
+            margin-right:5px;
+            box-shadow: 5px 10px #888888;
+            transition: 0.5s ease;
+        }
+
+        .radiostyle .radio-green:hover {
+            box-shadow: 5px 5px #888888;
+
+
+        }
+
+        .radiostyle .radio-red:hover {
+            box-shadow: 5px 5px #888888;
+
+        }
+
+        .radiostyle .radio-yellow:hover {
+            box-shadow: 5px 5px #888888;
+
+        }
+
+        .radiostyle .radio-green input[type="radio"]:checked{
+            box-shadow: 5px 10px #888888;
+        }
+
+        .radiostyle .radio-yellow input[type="radio"]:checked{
+            box-shadow: 5px 10px #888888;
+        }
+
+        .radiostyle .radio-red input[type="radio"]:checked{
+            box-shadow: 5px 10px #888888;
+        }
+
+
+</style>
+
+<style>
+    #details {
+        font-family: Arial, Helvetica, sans-serif;
+        border-collapse: collapse;
+        width: 100%;
+    }
+
+    #details td,
+    #details th {
+
+        padding: 8px;
+        font-size: 11px;
+    }
+
+    #details tr:nth-child(even) {
+        background-color: #ffffff;
+    }
+
+    #details tr:hover {
+        background-color: #ddd;
+    }
+
+    #details th {
+        padding-top: 12px;
+        font-style: bold;
+        padding-bottom: 12px;
+        text-align: left;
+        padding: 4px;
+        color: black;
+    }
+</style>
+
+@section('content')
+<div class="container">
+    <div class="row">
+        <div class="col-md-12">
+            <div class="card">
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('arcc.notisperingatan') }}">Notis Peringatan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Rekod Notis Peringatan</li>
+                    </ol>
+                  </nav>
+
+                <div class="card-body text-center">
+                    <div class="row form-group">
+                        <div class="col-md-2">
+                        </div>
+                        <div class="col-md-10">
+                        </div>
+                    </div>
+                    @if ($message = Session::get('success'))
+                    <div class="alert alert-success">
+                        <p>{{ $message }}</p>
+                    </div>
+                    @elseif ($message = Session::get('failed'))
+                            <div class="alert alert-danger">
+                                <p>{{ $message }}</p>
+                            </div>
+                    @endif
+
+                    <div class="container">
+      
+                        <form id="exportpdf" action="{{route('stokaudit.rekodblastexport')}}" target="_blank" method="POST">
+                            @csrf
+                            <input type="hidden" name="type" id="typedonwload" value="">
+                            <input type='hidden' name="radaktif" value="aktif">
+                            <table class="table table-striped table-hover" id="myTable">
+                            <thead>
+                                <th>Bil</th>
+                                <th>Tarikh Notis</th>
+                                <th>Cawangan</th>
+                                <th>Dari Tempoh</th>
+                                <th>Hingga Tempoh</th>
+                                <th>Maklumat Lanjut</th>
+
+                            </thead>
+                            
+                            @foreach ($arrayinfo as $index => $item)
+                            {{-- {{dd($item['cawnotis'])}} --}}
+                                <tr>
+                                    <td style="white-space: nowrap;">{{ $item['info']['id'] ?? '-' }}</td>
+                                    @php 
+                                        $myDateTime = DateTime::createFromFormat('Y-m-d', $item['info']['tarikh_notis']);
+                                        $datez = $myDateTime->format('d-m-Y');
+                                    @endphp
+                                    <td style="white-space: nowrap;"> {{$datez}}</td>
+                                    <td style="white-space: nowrap;">@foreach($item['cawnotis'] as $item1)
+                                                                        @foreach($item1 as $item2)
+                                                                        {{ $item2['details_caw']}}<br>
+                                                                        @endforeach
+                                                                     @endforeach</td>
+                                    <td style="white-space: nowrap;">{{ $item['info']['daritempoh'] ?? '-' }}</td>
+                                    <td style="white-space: nowrap;">{{ $item['info']['hinggatempoh'] ?? '-' }}</td>
+                                    <td style="white-space: nowrap;"><a href="{{ route('arcc.detailnotisperingatan', [ 'notisid' => $item['info']['id']] ) }}" class="btn btn-info text-white">Lihat</a></td>
+                                </tr>
+                            @endforeach
+                        </table>
+                    </form>
+                    </div>
+
+                  
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script type="text/javascript">
+
+    var tablecustomers = $('#myTable').DataTable({
+        "ordering": false
+    });
+
+    $(document).ready( function () {
+        $('#datetimepicker1').datepicker({
+            format: 'dd-mm-yyyy'
+        });
+    });
+
+</script>
+
+<script>        
+        
+    var tablelelongbid= $('#details').DataTable( {
+        "columnDefs": [ 
+            {
+            "targets": 0,
+            "target": '_blank',
+            "orderable": false
+            }, 
+            {
+            "targets": 5,
+            "orderable": false
+            }
+        ],
+        // order: [[1, 'asc']],
+        // // "ordering": false,
+        "info": false,
+        "lengthChange": false,
+        "pageLength": 9999999,
+        dom: 'Bfrtip',
+        buttons: [
+           
+            // {
+            //     className: 'btn btn-outline-success pl-4 pr-4 btn-sm  export',
+            //     target: "_blank",
+            //     titleAttr: 'Export to Excel',
+            //     text: '<h8><b>EXCEL</b></h8>',
+            //     action: function ( e, dt, node, config ) {
+            //         $('#typedonwload').val('excel');
+            //         $("#exportpdf").submit();
+            //         // window.open("_blank");
+            //     }
+            // },
+            {
+                className: 'btn btn-outline-danger pl-4 pr-4 btn-sm  export',
+                titleAttr: 'Export to PDF',
+                text: '<h8><b>PDF</b></h8>',
+                action: function ( e, dt, node, config ) {
+                    $('#typedonwload').val('pdf');
+                    $("#exportpdf").submit();
+                  }
+                  
+              },
+            //   {
+            //       className: 'btn btn-outline-info pl-4 pr-4 btn-sm  export',
+            //       target: "_blank",
+            //       titleAttr: 'Blast Whatsapp',
+            //       text: '<h8><b>WHATSAPP</b></h8>',
+            //       action: function ( e, dt, node, config ) {
+            //           $('#typedonwload').val('whatsapp');
+            //           $("#exportpdf").submit();
+            //           // window.open("_blank");
+            //       }
+            //   }
+              
+              
+            
+        ]
+        
+    });
+  
+    $('.export').tooltip();
+    $( '.export').removeClass('dt-button');
+  
+  
+  </script>
+  
+@endsection
+
diff --git a/resources/views/homepage/callcenter/home.blade.php b/resources/views/homepage/callcenter/home.blade.php
new file mode 100644
index 0000000..af7be2c
--- /dev/null
+++ b/resources/views/homepage/callcenter/home.blade.php
@@ -0,0 +1,26 @@
+@extends('layouts.app_operasi')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center  mt-5">
+        <div class="col-md-8">
+            <div class="card">
+               
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="#">Home</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Call Center</li>
+                    </ol>
+                  </nav>
+
+                <div class="card-body text-center">
+                    <a href="{{ route('arcc.notisperingatan') }}" class="btn btn-info btn-lg">Notis Peringatan</a>
+                    {{-- <a href="{{ route('daftar.kakitangan') }}" class="btn btn-info btn-lg">Kakitangan</a>
+                    <a href="{{ route('parameter') }}" class="btn btn-info btn-lg">Parameter</a>
+                    <a href="{{ route('komuditi') }}" class="btn btn-info btn-lg">Komoditi</a> --}}
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
\ No newline at end of file
diff --git a/resources/views/operasi/daftar_kakitangan.blade.php b/resources/views/operasi/daftar_kakitangan.blade.php
index 5eb6922..1edfb87 100644
--- a/resources/views/operasi/daftar_kakitangan.blade.php
+++ b/resources/views/operasi/daftar_kakitangan.blade.php
@@ -49,6 +49,7 @@
                                         <select class="form-control" name="cawangan" data-placeholder="Pilih Cawangan" id="cawangan">
                                             <option disabled selected value> -- Pilih Cawangan -- </option>
                                             <option value="operasi">Operasi</option>
+                                            <option value="callcenter">Call Center</option>
                                             @foreach($cawangan_all as $cawangan)
                                                 <option value="{{ $cawangan['kodcaw'] }}">{{ $cawangan['details_caw'] }}</option>
                                             @endforeach
diff --git a/routes/web.php b/routes/web.php
index 27eb0fe..e5a9f58 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -397,6 +397,14 @@ Route::post('laporan/tebusujrah/cetak',['as'=>'tebusujrah.laporancetak','uses'=>
 Route::get('/laporan/ansuranujrah',['as'=>'laporan.ansuranujrah','uses'=>'KhazanahController@laporanAnsuranUjrah'])->middleware('auth','khazanah');
 Route::post('laporan/ansuranujrah/cetak',['as'=>'ansuranujrah.laporancetak','uses'=>'KhazanahController@cetakLaporanAnsuranUjrah'])->middleware('auth','khazanah');
 
+//ROLE CALLCENTER
+Route::get('/notisperingatan',['as'=>'arcc.notisperingatan','uses'=>'CallCenterController@notisperingatan'])->middleware('auth','callcenter');
+Route::get('/cariansag',['as'=>'arcc.cariansag','uses'=>'CallCenterController@cariansag'])->middleware('auth','callcenter');
+Route::post('/janadatanotisperingatan',['as'=>'arcc.janadatanotisperingatan','uses'=>'CallCenterController@janadatanotisperingatan'])->middleware('auth','callcenter');
+Route::get('/rekodnotisperingatan',['as'=>'arcc.rekodnotisperingatan','uses'=>'CallCenterController@rekodnotisperingatan'])->middleware('auth','callcenter');
+Route::get('/detailnotisperingatan/{notisid}',['as'=>'arcc.detailnotisperingatan','uses'=>'CallCenterController@detailnotisperingatan'])->middleware('auth','callcenter');
+
+
 
 
 Route::get('supports/driver/mykad-reader',['as'=>'mykadreader.driver', function(){