[text] regupersonil.blade.php

Viewer

copydownloadembedprintName: regupersonil.blade.php
  1. {{-- Extends layout --}}
  2. @extends('layout.default')
  3.  
  4.  
  5.  
  6. {{-- Content --}}
  7. @section('content')
  8. <div class="container-fluid">
  9.                 <div class="page-titles">
  10.                                         <ol class="breadcrumb">
  11.                                                 <li class="breadcrumb-item active"><a href="javascript:void(0)">Personil dan Regu</a></li>
  12.                                         </ol>
  13.                 </div>
  14.                 <!-- row -->
  15.  
  16.                 <div class="row">
  17.                     <div class="col-lg-12">
  18.                         @if (session('status'))
  19.                             <div class="alert alert-success">
  20.                                 {{ session('status') }}
  21.                             </div>
  22.                         @endif
  23.                     <div class="card">
  24.                             <!-- <div class="card-header">
  25.                                 <h4 class="card-title">Regu dan Personil</h4>
  26.                             </div> -->
  27.                             <div class="card-body">
  28.                                 <!-- Nav tabs -->
  29.                                 <div class="default-tab">
  30.                                     <ul class="nav nav-tabs" role="tablist">
  31.                                         <li class="nav-item">
  32.                                             <a class="nav-link active" data-toggle="tab" href="#personil"><i class="la la-user mr-2"></i>Personil</a>
  33.                                         </li>
  34.                                         <li class="nav-item">
  35.                                             <a class="nav-link" data-toggle="tab" href="#regu"><i class="la la-group mr-2"></i>Regu</a>
  36.                                         </li>
  37.                                     </ul>
  38.                                     <div class="tab-content">
  39.                                         <div class="tab-pane fade show active" id="personil" role="tabpanel">
  40.                                             <div class="pt-4">
  41.                                                 <div class="card">
  42.                                                     <!-- MODAL TAMBAH -->
  43.                                                         <button type="button" class="btn btn-primary mb-2" data-toggle="modal" data-target="#tambahModal">+ Tambah Personil</button>
  44.                                                         <div class="modal fade bd-example-modal-lg" id="tambahModal" tabindex="-1" role="dialog" aria-hidden="true">
  45.                                                             <div class="modal-dialog modal-lg">
  46.                                                                 <div class="modal-content">
  47.                                                                     <div class="modal-header">
  48.                                                                         <h5 class="modal-title">Tambah Data Personil</h5>
  49.                                                                         <button type="button" class="close" data-dismiss="modal"><span>×</span>
  50.                                                                         </button>
  51.                                                                     </div>
  52.                                                                     <div class="modal-body">
  53.                                                                         <form method="POST" action="{{route('createpersonil')}}">
  54.                                                                             @csrf
  55.                                                                             <div class="form-group row">
  56.                                                                                 <label class="col-sm-3 col-form-label">Nama</label>
  57.                                                                                 <div class="col-sm-9">
  58.                                                                                     <input name="nama" type="text" class="form-control" placeholder="Masukkan Nama Personil">
  59.                                                                                 </div>
  60.                                                                             </div>
  61.                                                                             <div class="form-group row">
  62.                                                                                 <label class="col-sm-3 col-form-label">NIK</label>
  63.                                                                                 <div class="col-sm-9">
  64.                                                                                     <input name="nik" type="text" oninput="this.value = this.value.toUpperCase()" class="form-control" placeholder="Masukkan NIK">
  65.                                                                                 </div>
  66.                                                                             </div>
  67.                                                                             <div class="form-group row">
  68.                                                                                 <label class="col-sm-3 col-form-label">Jabatan</label>
  69.                                                                                 <div class="col-sm-9">
  70.                                                                                     <select name="jabatan" class="form-control" id="jabatan">
  71.                                                                                     <option value="penjaga">Penjaga</option>
  72.                                                                                     <option value="kajaga">Kajaga</option>
  73.                                                                                     <option value="wakajaga">Wakajaga</option>
  74.                                                                                     </select>
  75.                                                                                 </div>
  76.                                                                             </div>
  77.                                                                             <div class="form-group row">
  78.                                                                                 <label class="col-sm-3 col-form-label">Status</label>
  79.                                                                                 <div class="col-sm-9">
  80.                                                                                     <select name="status" class="form-control" id="status">
  81.                                                                                     <option value="bekerja">Bekerja</option>
  82.                                                                                     <option value="ganti shift">Ganti Shift</option>
  83.                                                                                     <option value="lembur">Lembur</option>
  84.                                                                                     <option value="cuti">Cuti</option>
  85.                                                                                     </select>
  86.                                                                                 </div>
  87.                                                                             </div>
  88.                                                                             <div class="form-group row">
  89.                                                                                 <label class="col-sm-3 col-form-label">Regu</label>
  90.                                                                                 <div class="col-sm-9">
  91.                                                                                     <select name="regu" class="form-control" id="sel1">
  92.                                                                                     <option value="1">Regu A</option>
  93.                                                                                     <option value="2">Regu B</option>
  94.                                                                                     <option value="3">Regu C</option>
  95.                                                                                     <option value="4">Regu D</option>
  96.                                                                                     </select>
  97.                                                                                 </div>
  98.                                                                             </div>
  99.                                                                         
  100.                                                                     </div>
  101.                                                                             <div class="modal-footer">
  102.                                                                                 <button type="button" class="btn btn-danger light" data-dismiss="modal">Tutup</button>
  103.                                                                                 <button type="submit" class="btn btn-primary">Tambah</button>
  104.                                                                             </div>
  105.                                                                         </form>
  106.                                                                 </div>
  107.                                                             </div>
  108.                                                         </div>
  109.                                                         <!-- MODAL TAMBAH END -->
  110.                                                     <div class="card-body">
  111.                                                         <div class="table-responsive">
  112.                                                             <table id="example" class="display min-w850">
  113.  
  114.                                                                 <thead>
  115.                                                                     <tr>
  116.                                                                         <th>Nama</th>
  117.                                                                         <th>NIK</th>
  118.                                                                         <th>Jabatan</th>
  119.                                                                         <th>Zona</th>
  120.                                                                         <th>Regu</th>
  121.                                                                         <th>Status</th>
  122.                                                                         <th>Aksi</th>
  123.                                                                     </tr>
  124.                                                                 </thead>
  125.                                                                 <tbody>
  126.                                                                 @foreach($satpams as $value )    
  127.                                                                     <tr>
  128.                                                                         <td>{{$value->nama}}</td>
  129.                                                                         <td>{{$value->nik}}</td>
  130.                                                                         <td>{{$value->jabatan}}</td>
  131.                                                                         <td>{{$value->zona->nama}}</td>
  132.                                                                         <td>{{$value->regu->nama}}</td>
  133.                                                                         <td>{{$value->status}}</td>
  134.                                                                         <td><div class="d-flex">
  135.                                                                         <button type="button" style="border:none;" data-toggle="modal" data-target="#editModal{{$value->id}}">
  136.                                                                             <a href="#" data-id="{{$value->id}}" class="btn btn-primary shadow btn-xs sharp mr-1 btn-edit"><i class="fa fa-pencil"></i></a></button>
  137.                                                                                 <a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
  138.                                                                             </div>
  139.                                                                         </td>
  140.                                                                     </tr>
  141.                                                                     <div class="modal fade bd-example-modal-lg" id="editModal{{$value->id}}" tabindex="-1" role="dialog" aria-hidden="true">
  142.                                                                         <div class="modal-dialog modal-lg">
  143.                                                                             <div class="modal-content">
  144.                                                                                 <div class="modal-header">
  145.                                                                                     <h5 class="modal-title">Update Data Personil</h5>
  146.                                                                                     <button type="button" class="close" data-dismiss="modal"><span>×</span>
  147.                                                                                     </button>
  148.                                                                                 </div>
  149.                                                                                 <div class="modal-body modalBody">
  150.                                                                                     <form method="POST" action="{{route('updatepersonil')}}">
  151.                                                                                         @csrf
  152.                                                                                         <div class="form-group row">
  153.                                                                                             <label class="col-sm-3 col-form-label">Nama</label>
  154.                                                                                             <div class="col-sm-9">
  155.                                                                                                 
  156.                                                                                                 <input name="nama" value="{{ $value->nama }}" type="text" class="form-control" placeholder="Masukkan Nama Personil">
  157.                                                                                             
  158.                                                                                                 <!-- <input name="nama" value="" type="text" class="form-control" placeholder="Masukkan Nama Personil"> -->
  159.                                                                                             
  160.                                                                                             </div>
  161.                                                                                         </div>
  162.                                                                                         <div class="form-group row">
  163.                                                                                             <label class="col-sm-3 col-form-label">NIK</label>
  164.                                                                                             <div class="col-sm-9">
  165.                                                                                                 <input name="nik" value="{{ $value->nik }}" type="text" oninput="this.value = this.value.toUpperCase()" class="form-control" placeholder="Masukkan NIK">
  166.                                                                                             </div>
  167.                                                                                         </div>
  168.                                                                                         <div class="form-group row">
  169.                                                                                             <label class="col-sm-3 col-form-label">Jabatan</label>
  170.                                                                                             <div class="col-sm-9">
  171.                                                                                                 <select name="jabatan" class="form-control" id="jabatan">
  172.                                                                                                 <option value="penjaga" @if ($value->status == 'penjaga') selected="selected" @endif>Penjaga</option>
  173.                                                                                                 <option value="kajaga" @if ($value->status == 'kajaga') selected="selected" @endif>Kajaga</option>
  174.                                                                                                 <option value="wakajaga" @if ($value->status == 'wakajaga') selected="selected" @endif>Wakajaga</option>
  175.                                                                                                 </select>
  176.                                                                                             </div>
  177.                                                                                         </div>
  178.                                                                                         <div class="form-group row">
  179.                                                                                             <label class="col-sm-3 col-form-label">Status</label>
  180.                                                                                             <div class="col-sm-9">
  181.                                                                                                 <select name="status" class="form-control" id="status">
  182.                                                                                                 <option value="bekerja" @if ($value->status == 'bekerja') selected="selected" @endif>Bekerja</option>
  183.                                                                                                 <option value="ganti shift" @if ($value->status == 'ganti shift') selected="selected" @endif>Ganti Shift</option>
  184.                                                                                                 <option value="lembur" @if ($value->status == 'lembur') selected="selected" @endif>Lembur</option>
  185.                                                                                                 <option value="cuti" @if ($value->status == 'cuti') selected="selected" @endif>Cuti</option>
  186.                                                                                                 </select>
  187.                                                                                             </div>
  188.                                                                                         </div>
  189.                                                                                         <div class="form-group row">
  190.                                                                                             <label class="col-sm-3 col-form-label">Regu</label>
  191.                                                                                             <div class="col-sm-9">
  192.                                                                                                 <select name="regu" class="form-control" id="sel1">
  193.  
  194.                                                                                                 <option value="1" @if ($value->regu_id == '1') selected="selected" @endif>Regu A</option>
  195.                                                                                                 <option value="2" @if ($value->regu_id == '2') selected="selected" @endif>Regu B</option>
  196.                                                                                                 <option value="3" @if ($value->regu_id == '3') selected="selected" @endif>Regu C</option>
  197.                                                                                                 <option value="4" @if ($value->regu_id == '4') selected="selected" @endif>Regu D</option>
  198.                                                                                                 </select>
  199.                                                                                             </div>
  200.                                                                                         </div>
  201.                                                                                         <div class="modal-footer">
  202.                                                                                             <button type="button" class="btn btn-danger light" data-dismiss="modal">Tutup</button>
  203.                                                                                             <button type="submit" class="btn btn-primary">Ubah</button>
  204.                                                                                         </div>
  205.                                                                                     </form>
  206.                                                                                 </div>
  207.                                                                                         
  208.                                                                                 </div>
  209.                                                                             </div>
  210.                                                                         </div>
  211.                                                             <!-- </div> -->
  212.                                                                 @endforeach
  213.                                                                 </tbody>
  214.                                                             </table>
  215.                                                         </div>    
  216.                                                     </div>
  217.                                                 </div>
  218.                                             </div>    
  219.                                         </div>
  220.                                         
  221.                                                             
  222.                                             
  223.                                         <div class="tab-pane fade" id="regu">
  224.                                             <div class="pt-4">
  225.                                                 <div class="card">
  226.                                                         <div class="card-header">
  227.                                                             <h4 class="card-title">Basic</h4>
  228.                                                         </div>
  229.                                                         <div class="card-body">
  230.                                                             <div class="table-responsive">
  231.                                                                 <table class="table table-responsive-sm">
  232.                                                                     <thead>
  233.                                                                         <tr>
  234.                                                                             <th>#</th>
  235.                                                                             <th>Name</th>
  236.                                                                             <th>Status</th>
  237.                                                                             <th>Date</th>
  238.                                                                             <th>Price</th>
  239.                                                                         </tr>
  240.                                                                     </thead>
  241.                                                                     <tbody>
  242.                                                                         <tr>
  243.                                                                             <th>1</th>
  244.                                                                             <td>Kolor Tea Shirt For Man</td>
  245.                                                                             <td><span class="badge badge-primary light">Sale</span>
  246.                                                                             </td>
  247.                                                                             <td>January 22</td>
  248.                                                                             <td class="color-primary">$21.56</td>
  249.                                                                         </tr>
  250.                                                                         <tr>
  251.                                                                             <th>2</th>
  252.                                                                             <td>Kolor Tea Shirt For Women</td>
  253.                                                                             <td><span class="badge badge-success">Tax</span>
  254.                                                                             </td>
  255.                                                                             <td>January 30</td>
  256.                                                                             <td class="color-success">$55.32</td>
  257.                                                                         </tr>
  258.                                                                         <tr>
  259.                                                                             <th>3</th>
  260.                                                                             <td>Blue Backpack For Baby</td>
  261.                                                                             <td><span class="badge badge-danger">Extended</span>
  262.                                                                             </td>
  263.                                                                             <td>January 25</td>
  264.                                                                             <td class="color-danger">$14.85</td>
  265.                                                                         </tr>
  266.                                                                     </tbody>
  267.                                                                 </table>
  268.                                                             </div>
  269.                                                         </div>
  270.                                                     </div>
  271.                                                 </div>
  272.                                             </div>
  273.                                         </div>
  274.                                 </div>
  275.                             </div>
  276.                         </div>
  277.                     </div>
  278.                 </div>
  279. </div>
  280. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  281. <!-- <script>
  282.     $('.btn-edit').on('click',function(){
  283.         console.log($(this).data('id'))
  284.         var id = $(this).data('id')
  285.         $.ajax({
  286.             url:"/regupersonil/"+id+"/edit",
  287.             method:"GET",
  288.             success: function(data){
  289.                 console.log(data)
  290.                 $('#editModal').find('.modalBody').html(data)
  291.                 $('#editModal').modal('show')
  292.             },
  293.             error:function(error){
  294.                 console.log(error)
  295.             }
  296.         })
  297.     })
  298. </script> -->
  299. @endsection                    

Editor

You can edit this paste and save as new:


File Description
  • regupersonil.blade.php
  • Paste Code
  • 20 Sep-2021
  • 26.95 Kb
You can Share it: