One Hat Cyber Team

Your IP : 10.30.1.1

Server IP : 103.148.201.5

Server : Linux web-olt 5.15.0-161-generic #171-Ubuntu SMP Sat Oct 11 08:17:01 UTC 2025 x86_64

Server Software : Apache/2.4.52 (Ubuntu)

PHP Version : 8.1.29

Buat File | Buat Folder

Dir : ~/var/www/html/Compro-ISP/resources/views/v/client/

Edit File: create.blade.php

@extends('layouts.dashboard')
@section('content')
    <section id="multiple-column-form">
        <div class="row match-height">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Tambah Data Client</h4>
                    </div>

<div class="card-content">
                        <div class="card-body">
                            <form action="{{ route('client.store') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="form-body">
                                    <div class="row">
                                        
                                        <div class="col-md-4">
                                            <label>Client Names</label>
                                        </div>
                                        <div class="col-md-8 form-group">
                                            <input type="text" id="name" class="form-control" name="name">
                                        </div>

<div class="col-md-4">
                                            <label>Images</label>
                                        </div>
                                        <div class="col-md-8 form-group">
                                            <input class="form-control" type="file" id="images" name="images"
                                                onchange="previewImage()">

</div>
                                        <div class="col-md-4">
                                            <label>Preview Images</label>
                                        </div>
                                        <div class="col-md-8 form-group">

<div class="mt-2">
                                                <img id="image-preview" src="" alt="Image Preview"
                                                    style="display:none; width: 200px; height: auto;">
                                            </div>
                                        </div>
                                        
                                        <div class="col-sm-12 d-flex justify-content-end">
                                            <button type="submit" class="btn btn-primary me-1 mb-1">Submit</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('script')
    <script>
        // Preview image before upload
        function previewImage() {
            const file = document.getElementById('images').files[0];
            const reader = new FileReader();

reader.onloadend = function() {
                const preview = document.getElementById('image-preview');
                preview.src = reader.result;
                preview.style.display = 'block'; // Show the preview image
            }

if (file) {
                reader.readAsDataURL(file);
            }
        }
    </script>
@endpush