fix: reference select

.github/workflows/deploy-prod.yml

@@ -28,6 +28,7 @@ jobs:
           php artisan view:cache
           php artisan optimize:clear
           php artisan migrate
+          rm -rf public/storage
           php artisan storage:link
 
 

app/Http/Controllers/Backend/Client/ClientController.php

@@ -135,4 +135,11 @@ public function createFromCsv(Request $request)
         return back()
             ->with($notification);
     }
+
+
+    function getClient(Client $client) {
+        return response()->json([
+            'client' => $client
+        ]);
+    }
 }

resources/views/backend/invoice/createInvoice.blade.php

@@ -177,7 +177,7 @@ class="d-flex justify-content-center" style="aspect-ratio:4/1;object-fit:contain
                                 <span class="text-black">{{ countRecords('invoices') + 1 }}</span>
                             </div>
                             <div>
-                                <label x-ref="reference" class="mb-0" for="reference">Reference</label>
+                                <label class="mb-0" for="reference">Reference</label>
                                 <input type="text" id="reference" name="reference" placeholder="000">
                             </div>
 
@@ -203,4 +203,22 @@ class="d-flex justify-content-center" style="aspect-ratio:4/1;object-fit:contain
         </section>
 
     </x-backend.ui.section-card>
-@endsection
+@endsection
+
+@push('customJs')
+    <script>
+        $(document).ready(function () {
+            $('#client').on('change', function(e){
+                let url = "{{route('api.get.client', ':CLIENT')}}"
+                url = url.replace(':CLIENT', e.target.value)
+                $.ajax({
+                    type: "get",
+                    url: url,
+                    success: function (response) {
+                        $('input[name="reference"]').val(response.client.ref_no)
+                    }
+                });
+            })
+        });
+    </script>
+@endpush

resources/views/backend/invoice/edit-invoice.blade.php

@@ -142,7 +142,9 @@ class="d-flex justify-content-center" style="aspect-ratio:4/1;object-fit:contain
                                 <select class="mb-2 tail-select" id="client" name="client"
                                     placeholder="Select Client..." label="Bill To" required>
                                     @foreach ($clients as $client)
-                                        <option @selected($client->id == $invoice->client_id) data-description="{{"<div class='fw-normal'>Company: $client->company_name,</br>Phone: $client->phone,</br> TIN: $client->tin, Ref: $client->ref_no, </br> Circle: $client->circle </div>"}}" value="{{ $client->id }}">{{ $client->name }}</option>
+                                        <option @selected($client->id == $invoice->client_id)
+                                            data-description="{{ "<div class='fw-normal'>Company: $client->company_name,</br>Phone: $client->phone,</br> TIN: $client->tin, Ref: $client->ref_no, </br> Circle: $client->circle </div>" }}"
+                                            value="{{ $client->id }}">{{ $client->name }}</option>
                                     @endforeach
                                 </select>
                                 <a href="{{ route('client.create') }}" class="text-blue" style="font-weight: 500;">Create
@@ -208,3 +210,21 @@ class="btn btn-primary waves-effect waves-light mt-2 rounded-3 shadow">Update</b
 
     </x-backend.ui.section-card>
 @endsection
+
+@push('customJs')
+    <script>
+        $(document).ready(function() {
+            $('#client').on('change', function(e) {
+                let url = "{{ route('api.get.client', ':CLIENT') }}"
+                url = url.replace(':CLIENT', e.target.value)
+                $.ajax({
+                    type: "get",
+                    url: url,
+                    success: function(response) {
+                        $('input[name="reference"]').val(response.client.ref_no)
+                    }
+                });
+            })
+        });
+    </script>
+@endpush

routes/api.php

@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\Backend\Client\ClientController;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Route;
 
@@ -17,3 +18,5 @@
 Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
     return $request->user();
 });
+
+Route::get('client/{client}', [ClientController::class, 'getClient'])->name('api.get.client');