muadzmi02
/
sipadu_mbip
원본 프로젝트 : SwissLink/sipadu_mbip
보기 1
좋아요 0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 Activity
Dashboard sipadu mbip
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
177 커밋
1 브렌치
트리: dc4c4ffa7e
브랜치 태그
${ item.name }
Create branch ${ searchTerm }
from 'dc4c4ffa7e'
${ noResults }
sipadu_mbip/resources/views/mobile-responsive/compound_detail.blade.php

compound_detail.blade.php 18KB
Raw Blame 히스토리

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348 
  1. <!DOCTYPE html>

  2. <html>

  3. <head>

  4.     <meta charset="utf-8">

  5.     <meta name="viewport" content="width=device-width, initial-scale=1">

  6.     <link rel="stylesheet" href="{{ asset('mobile/jquery.mobile-1.4.5.min.css') }}">

  7.     <link rel="stylesheet" href="{{ asset('mobile/css/jqm-demos.css') }}">

  8.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700">

  9.     <script src="{{ asset('mobile/jquery.js') }}"></script>

  10.     <script src="{{ asset('mobile/js/index.js') }}"></script>

  11.     <script src="{{ asset('mobile/jquery.mobile-1.4.5.min.js') }}"></script>

  12. 

  13.     <style type="text/css">

  14.         /* A bit custom styling */

  15.         .my-page .ui-listview li a {

  16.             background-color: #fff  !important;

  17.         }

  18. 

  19.         .my-page .ui-listview li .ui-btn p {

  20.             color: #333;

  21.         }

  22.         .my-page .ui-listview li .ui-btn .ui-li-aside {

  23.             color: #eee;

  24.         }

  25. 

  26.         button .btn-sm {

  27.             padding: 8px 14px;

  28.             line-height: 16px;

  29.             font-size: 13px;

  30.             font-weight: 600;

  31.             letter-spacing: 2px;

  32.             cursor: pointer;

  33. 

  34.             color: #fff !important;

  35.             cursor: pointer;

  36.             -webkit-transition: all ease-in 0.3s;

  37.             transition: all ease-in 0.3s;

  38. 

  39.             border-radius: 2px;

  40.             text-transform: capitalize;

  41.             text-decoration: none;

  42. 

  43.             width:100% !important;

  44.             color: #fff !important;

  45.         }

  46.     </style>

  47. </head>

  48. <body>

  49.     <div data-role="page" id="demo-page" class="my-page">

  50.         <!-- <div data-role="header"><h1>List Compounds</h1></div> -->

  51. 

  52.         <div role="main" class="ui-content">

  53.             <table align="center" width="100%" border="0" cellpadding="0" cellspacing="0">

  54.                 <tr>

  55.                     <td>

  56.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  57.                             <tr>

  58.                                 <td width="25%" style="text-align: left; font-size: 12px">&nbsp;</td>

  59.                                 <td width="25%" style="text-align: left; font-size: 12px">&nbsp;</td>

  60.                                 <td width="25%" style="text-align: left; font-size: 12px">&nbsp;</td>

  61.                                 <td width="25%" style="text-align: left; font-size: 12px;">

  62.                                     <img style="width: 130px; height: 40px; margin-bottom: 3px" src="http://mpjbt.smsparkir.com/api/barcode?bcid=code39&text={{$compound->kpd}}">

  63.                                 </td>

  64.                             </tr>

  65.                             <tr>

  66.                                 <td width="25%" style="text-align: left; font-size: 12px">&nbsp;</td>

  67.                                 <td width="25%" style="text-align: left; font-size: 12px">&nbsp;</td>

  68.                                 <td style="text-align: left; font-size: 14px">&nbsp;</td>

  69.                                 <td ></td>

  70.                             </tr>

  71.                             <tr>

  72.                                 <td width="25%" style="text-align: left; font-size: 12px">&nbsp;</td>

  73.                                 <td width="25%" style="text-align: left; font-size: 12px">&nbsp;</td>

  74.                                 <td style="text-align: left; font-size: 14px">&nbsp;</td>

  75.                                 <td style="text-align: left; font-size: 14px;letter-spacing: 2px;"><b>{{ $compound->kpd }}</b></td>

  76.                             </tr>

  77.                         </table>

  78.                     </td>

  79.                 </tr>

  80.                 <tr>

  81.                     <td height="10px">&nbsp;</td>

  82.                 </tr>

  83.                 <tr>

  84.                     <td>

  85.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  86.                             <tr>

  87.                                 <td style="text-align: left; font-size: 13px"><b>Kepada Tuan / Puan : </b></td>

  88.                             </tr>

  89.                         </table>

  90.                     </td>

  91.                 </tr>

  92.                 <tr>

  93.                     <td height="10px">&nbsp;</td>

  94.                 </tr>

  95.                 <tr>

  96.                     <td>

  97.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  98.                             <tr>

  99.                                 <td width="25%" style="text-align: left; font-size: 12px;"><b>Tarikh</b></td>

  100.                                 <td width="25%" style="text-align: left; font-size: 12px;">: {{ $compound->created_at->format('d/m/Y') }}</td>

  101.                                 <td width="25%" style="text-align: left; font-size: 12px;"><b>Waktu</b></td>

  102.                                 <td width="25%" style="text-align: left; font-size: 12px;">: {{ $compound->created_at->format('h:i A') }}</td>

  103.                             </tr>

  104.                             <tr>

  105.                                 <td width="25%" style="text-align: left; font-size: 12px;"><b>Nama</b></td>

  106.                                 <td colspan="3" style="text-align: left; font-size: 12px;">: {{ $compound->nama }}</td>

  107.                             </tr>

  108.                             <tr>

  109.                                 <td width="25%" style="text-align: left; font-size: 12px"><b>Identity</b></td>

  110.                                 <td width="25%" style="text-align: left; font-size: 12px">: {{ $compound->identity }}</td>

  111.                                 <td style="text-align: left; font-size: 12px;"><b>No. Syarikat</b></td>

  112.                                 <td style="text-align: left; font-size: 12px;">: {{ $compound->no_daftar_syarikat }}</td>

  113.                             </tr>

  114.                             <tr>

  115.                                 <td width="25%" style="text-align: left; font-size: 12px;"><b>Nama Syarikat</b></td>

  116.                                 <td colspan="3" style="text-align: left; font-size: 12px;">: {{ $compound->nama_syarikat }}</td>

  117.                             </tr>

  118.                             <tr>

  119.                                 <td width="25%" style="text-align: left; font-size: 12px;"><b>Alamat</b></td>

  120.                                 <td colspan="3" style="text-align: left; font-size: 12px;">: {{ $compound->alamat }}</td>

  121.                             </tr>

  122.                         </table>

  123.                     </td>

  124.                 </tr>

  125.                 <tr>

  126.                     <td height="15px">&nbsp;</td>

  127.                 </tr>

  128.                 <tr>

  129.                     <td>

  130.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  131.                             <tr>

  132.                                 <td style="text-align: justify; font-size: 12px;"><b>Dengan ini adalah diberitahu satu aduan dibuat terhadap anda bersabit dengan satu kesalahan di bawah : </b></td>

  133.                             </tr>

  134.                         </table>

  135.                     </td>

  136.                 </tr>

  137.                 <tr>

  138.                     <td height="2px">&nbsp;</td>

  139.                 </tr>

  140.                 <tr>

  141.                     <td>

  142.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  143.                             <tr>

  144.                                 <td style="text-align: left; font-size: 11px;"><b>Akta : </b></td>

  145.                             </tr>

  146.                             <tr>

  147.                                 <td style="text-align: left; font-size: 12px;padding-left: 10px"><b>[{{$akta->akkod}}] {{ $akta->nama }}</b></td>

  148.                             </tr>

  149.                         </table>

  150.                     </td>

  151.                 </tr>

  152.                 <tr>

  153.                     <td height="1px">&nbsp;</td>

  154.                 </tr>

  155.                 <tr>

  156.                     <td>

  157.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  158.                             <tr>

  159.                                 <td style="text-align: left; font-size: 11px;"><b>Seksyen / Kaedah / Perintah : </b></td>

  160.                             </tr>

  161.                             <tr>

  162.                                 <td style="text-align: left; font-size: 12px;padding-left: 10px"><b>[{{$faulty->itkod}}] {{ $faulty->sketr }}</b></td>

  163.                             </tr>

  164.                         </table>

  165.                     </td>

  166.                 </tr>

  167.                 <tr>

  168.                     <td height="1px">&nbsp;</td>

  169.                 </tr>

  170.                 <tr>

  171.                     <td>

  172.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  173.                             <tr>

  174.                                 <td style="text-align: left; font-size: 11px;"><b>Kesalahan : </b></td>

  175.                             </tr>

  176.                             <tr>

  177.                                 <td style="text-align: left; font-size: 12px;padding-left: 10px"><b>{{ $faulty->nama }}</b></td>

  178.                             </tr>

  179.                         </table>

  180.                     </td>

  181.                 </tr>

  182.                 <tr>

  183.                     <td height="10px">&nbsp;</td>

  184.                 </tr>

  185.                 <tr>

  186.                     <td>

  187.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  188.                             <tr>

  189.                                 <td style="text-align: justify; font-size: 12px;"><b>2. Dengan ini diberitahu bahawa kesalahan ini boleh dikompaunkan. anda dikehendaki hadir di {{ $department->jnama }} kota bharu bandar raya islam di jalan hosptial, 15000 kota bharu, kelantan untuk menjelaskan kompaun tersebut dalam tempoh 7 hari dari notis ini.</b></td>

  190.                             </tr>

  191.                         </table>

  192.                     </td>

  193.                 </tr>

  194.                 <tr>

  195.                     <td height="10px">&nbsp;</td>

  196.                 </tr>

  197.                 <tr>

  198.                     <td>

  199.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  200.                             <tr>

  201.                                 <td style="text-align: justify; font-size: 12px;"><b>3. Sekiranya jawapan tidak diterima dalam tempoh tersebut di atas, tindakan mahkamah akan diteruskan terhadap anda.</b></td>

  202.                             </tr>

  203.                         </table>

  204.                     </td>

  205.                 </tr>

  206.                 <tr>

  207.                     <td height="10px">&nbsp;</td>

  208.                 </tr>

  209.                 <tr>

  210.                     <td>

  211.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  212.                             <tr>

  213.                                 <td width="50%" style="text-align: left; font-size: 12px;"><b>Jumlah Kompaun</b></td>

  214.                                 <td width="50%" style="text-align: left; font-size: 12px;">: <b>RM {{ $tawaran }}</b></td>

  215.                             </tr>

  216.                         </table>

  217.                     </td>

  218.                 </tr>

  219.                 <tr>

  220.                     <td height="10px">&nbsp;</td>

  221.                 </tr>

  222.                 <tr>

  223.                     <td>

  224.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  225.                             <tr>

  226.                                 <!-- <td width="50%" style="text-align: left; font-size: 12px;">&n</td> -->

  227.                                 <td style="text-align: left; font-size: 12px;"><b>Dikeluarkan Oleh</b> <br> {{ $staff->StaffDetail->full_name }}, <br> ({{ $staff->roles_access }}) <br> {{ $department->jnama }}</td>

  228.                             </tr>

  229.                         </table>

  230.                     </td>

  231.                 </tr>

  232.                 <tr>

  233.                     <td height="10px">&nbsp;</td>

  234.                 </tr>

  235. 

  236.                 <tr>

  237.                     <td style="width:100%;border-bottom: 1px solid #ccc"></td>

  238.                 </tr>

  239.                 <tr>

  240.                     <td height="20px">&nbsp;</td>

  241.                 </tr>

  242.                 @if($compound->ConfidentialFile->status == "Belum Bayar")

  243.                 <tr>

  244.                     <td>

  245.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  246.                             <tr>

  247.                                 <td style="text-align: center; font-size: 12px;">

  248.                                     <!-- <form method="POST" action="{{ url('/api/compound/make/payment')}}">  -->

  249.                                         <!-- <input type="hidden" id="_token" value="<?php echo csrf_token(); ?>"> -->

  250.                                         <input type="hidden" id="orderid" name="orderid" value="{{ $compound->kpd }}">

  251.                                         <input type="hidden" id="amount" name="amount" value="{{ $tawaran }}">

  252.                                         <input type="hidden" id="userid" name="userid" value="{{ $compound->identity }}">

  253.                                         <input type="hidden" id="name" name="name" value="{{ $compound->nama }}">

  254.                                         <input type="hidden" id="email" name="email" value="khairul@mpkb.gov.my">

  255.                                         <input type="hidden" id="mobile" name="mobile" value="6097454000">

  256.                                         <button id="pay" class="btn-sm" style="background-color: #ff5252 !important;border-color: #ff5252 !important; color: #fff !important;">BAYAR DISINI</button>

  257.                                     <!-- </form> -->

  258.                                 </td>

  259.                             </tr>

  260.                         </table>

  261.                     </td>

  262.                 </tr>

  263.                 @elseif($compound->ConfidentialFile->status == "Berbayar")

  264.                 <tr>

  265.                     <td>

  266.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  267.                             <tr>

  268.                                 <td style="text-align: center; font-size: 12px;"><button class="btn-sm" style="background-color: #20c997 !important;border-color: #20c997 !important;color: #fff !important;cursor: not-allowed;">DAH DIJELASKAN</button></td>

  269.                             </tr>

  270.                         </table>

  271.                     </td>

  272.                 </tr>

  273.                 @endif

  274.                 <tr>

  275.                     <td height="20px">&nbsp;</td>

  276.                 </tr>

  277.                 <tr>

  278.                     <td style="width:100%;border-bottom: 1px solid #ccc"></td>

  279.                 </tr>

  280.                 <tr>

  281.                     <td>

  282.                         @if(count($compound->Attachment) > 0)

  283.                         <div class="page-break"></div>

  284.                         <table width="100%" border="0" cellpadding="0" cellspacing="0">

  285.                             <tr>

  286.                                 <td>

  287.                                     <table width="100%" border="0" cellpadding="0" cellspacing="0">

  288.                                         <tr>

  289.                                             <td height="10px">&nbsp;</td>

  290.                                         </tr>

  291.                                         <tr>

  292.                                             <td style="text-align: center; font-size: 12px"><b>GAMBAR KOMPAUN</b></td>

  293.                                         </tr>

  294.                                         <tr>

  295.                                             <td height="10px">&nbsp;</td>

  296.                                         </tr>

  297.                                     </table>

  298.                                 </td>

  299.                             </tr>

  300.                             <tr>

  301.                                 <td>

  302.                                     <table width="100%" border="0" cellpadding="0" cellspacing="0">

  303.                                         @foreach($compound->Attachment->chunk(2) as $chunk)

  304.                                         <tr>

  305.                                             @foreach($chunk as $p)

  306.                                             <td width="50%" style="text-align: center; font-size: 12px;padding:10px">

  307.                                                 <img src="{{ url($p['path']) }}" style="max-width: 200px; max-height: 200px; margin-bottom: 3px">

  308.                                             </td>

  309.                                             @endforeach

  310.                                         </tr>

  311.                                         @endforeach

  312.                                     </table>

  313.                                 </td>

  314.                             </tr>

  315.                         </table>

  316.                         @endif

  317.                     </td>

  318.                 </tr>

  319.             </table>

  320.         </div>

  321.     </body>

  322. 

  323.     <script type="text/javascript">

  324.         $("#pay").click(function(){

  325.             // XMLHttpRequest

  326.             var params = 'orderid='+$("#orderid").val()+'&amount='+$("#amount").val()+'&userid='+$("#userid").val()+'&name='+$("#name").val()+'&email='+$("#email").val()+'&mobile='+$("#mobile").val();

  327.             var xhr = new XMLHttpRequest();

  328.             xhr.open('POST', "{{ url('/api/compound/make/payment')}}", true);

  329.             xhr.withCredentials = true;

  330.             xhr.onreadystatechange = function() {

  331.                 if(xhr.readyState == 4 && xhr.status == 200){

  332.                     var response = JSON.parse(xhr.responseText);

  333.                     if(response['status'] == true){

  334.                         window.location.replace(response['url']);

  335.                     }else if($response['status'] == false){

  336.                         window.location.replace('https://mpkb.sipadu.my/compound/'+$("#orderid").val()+'/view/details');

  337.                     }

  338.                 }

  339.                 else if(xhr.readyState == 4){

  340.                     alert("Error: returned status code " + xhr.status + " " + xhr.statusText);

  341.                     location.reload();

  342.                 }

  343.             }

  344.             xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

  345.             xhr.send(params);

  346.         });

  347.     </script>

  348. </html>