program select2

resources/views/ekosistem/petani-cpm/index.blade.php

@@ -86,13 +86,13 @@
                 <div class="col-md-auto d-flex gap-2">
                     @if (app()->has('SystemProgram'))
                     @else
-                    <div class="col-md-auto">
+                    <div class="col-6">
                         <div class="d-flex align-items-center">
                             <label class="me-2 text-nowrap">Program</label>
                             <select name="program_id" class="form-select form-select-sm w-auto" onchange="this.form.submit()" id="select-program">
-                                <option value="">Pilih Program</option>
+                                <option value="">--- Pilih Program ---</option>
                                 @foreach($programList as $prog)
-                                    <option value="{{ $prog->id }}" {{ request('program_id') == $prog->id ? 'selected' : '' }}>{{ $prog->nama }}</option>
+                                    <option value="{{ $prog->id }}" {{ request('program_id') == $prog->id ? 'selected' : '' }}>{{ $prog->nama_singkat }}</option>
                                 @endforeach
                             </select>
                         </div>
@@ -102,9 +102,8 @@
                         <input type="text" name="search" class="form-control" placeholder="Cari Nama Petani..." value="{{ request('search') }}">
                         <button type="submit" class="btn btn-outline-primary"><i class="ti tabler-search"></i></button>
                     </div>
-                    <a href="{{ route('petani-cpm.create', ['program_id' => request('program_id')]) }}" class="btn btn-sm btn-primary"
-                        style="display: {{ request('program_id') ? 'flex' : 'none' }};">
-                        <i class="ti tabler-plus me-1"></i> Tambah
+                    <a href="{{ route('petani-cpm.create', ['program_id' => request('program_id')]) }}" class="btn btn-sm btn-primary flex-shrink-0">
+                        <i class="icon-base ti tabler-plus me-1"></i> Tambah
                     </a>
                 </div>
             </form>
@@ -159,6 +158,7 @@
     'use strict';
 
     $(document).ready(function () {
+        $('#select-program').select2();
         
         $(".delete-record").click(function (e) {
             e.preventDefault();

resources/views/ekosistem/petani-cpm/view.blade.php

@@ -4,7 +4,7 @@
 <div class="container-xxl flex-grow-1 container-p-y">
     <div class="card">
         <div class="card-header border-bottom mb-4">
-            <h5 class="card-title mb-0">Edit Petani (CPM)</h5>
+            <h5 class="card-title mb-0">Data Petani (CPM)</h5>
         </div>
         
         <div class="card-body">