@section('title', 'Edit File Upload', '')
<style>
    select[disabled] {
        background-color: #EEF3F7 !important; /* Warna latar belakang */
        color: #c3d1df !important; /* Warna teks */
        cursor: not-allowed !important; /* Kursor */
    }
</style>
<div class="card">
    <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_user_register" aria-expanded="true" aria-controls="kt_user_register">
        <div class="card-title m-0">
            <h3 class="fw-bolder m-0">{{ __('Edit File Upload') }}</h3>
        </div>
    </div>

    <div class="card-body border-top p-9">
        @include('partials.alerts.main')
         <div id="form_container">
             <form method="POST" action="{{ route('file_upload.update', $file_upload['id']) }}" class="form w-100" id="kt_sub_edit_form" novalidate="novalidate" enctype="multipart/form-data">
                 @csrf

                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6">{{ __('Name') }}</label>

                    <div class="col-lg-8">
                        <input type="text" name="name" id="name" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Name" value="{{ old('name') ?? $file_upload['name'] ?? '' }}"/>
                    </div>
                </div>

                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6">{{ __('Type') }}</label>

                    <div class="col-lg-8">
                        <select type="text" name="type" id="type" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0">\
                            <option value="">Choose Type</option>
                            <option value="archive" {{ old('type') ?? $file_upload['type'] == 'archive' ? 'selected' : '' }}>Archive</option>
                            <option value="audio" {{ old('type') ?? $file_upload['type'] == 'audio' ? 'selected' : '' }}>Audio</option>
                            <option value="document" {{ old('type') ?? $file_upload['type'] == 'document' ? 'selected' : '' }}>Document</option>
                            <option value="image" {{ old('type') ?? $file_upload['type'] == 'image' ? 'selected' : '' }}>Image</option>
                            <option value="video" {{ old('type') ?? $file_upload['type'] == 'video' ? 'selected' : '' }}>Video</option>
                        </select>
                    </div>
                </div>

                <div class="row mb-6">
                    <div class="col-lg-4">
                        <label class="col-form-label fw-bolder text-dark fs-6 mt-5">{{ __('File') }}</label>
                    </div>
                    <div class="col-lg-8 mt-7">
                        @if(isset($file_upload['file']))
                            <a href="{{ asset($file_upload['file']) }}" class="mb-3" target="_blank"><li class="fa fa-download fa-5x"></li></a>
                            <br><br>
                        @endif
                        <input type="hidden" name="old_file" value="{{ $file_upload['file'] ?? '' }}">
                        <input type="file" name="file" id="file" class="form-control form-control-lg form-control-solid" placeholder="File" value="{{ old('file') }}"/>
                        <span id="warning_file" class="pt-4 text-danger" style="display:block;">*Please upload a valid file format. Max size: 2MB.</span> 
                    </div>
                </div>


             </form>
         </div>
     </div>

    <div class="card-footer">
        <div class="text-center">
            <button type="submit" form="kt_sub_edit_form" class="btn btn-lg btn-primary">
                @include('partials.general._button-indicator')
            </button>
        </div>
    </div>
</div>