@php
    $isEdit = isset($documents) && $documents->exists;
@endphp

<form class="form-horizontal"
      method="POST"
      action="{{ $isEdit ? route('documents.update', $documents->id) : route('documents.store') }}"
      enctype="multipart/form-data">

    @csrf
    @if($isEdit)
        @method('PUT')
    @endif

    {{-- Title --}}
    <div class="form-group">
        <label>Title <span class="text-danger">*</span></label>
        <input type="text"
               name="title"
               class="form-control"
               value="{{ old('title', $documents->title ?? '') }}"
               required>
    </div>

    {{-- File Type --}}
    <div class="form-group">
        <label>File Type <span class="text-danger">*</span></label>
        <select name="file_type" class="form-control" required>
            <option value="">-- Select File Type --</option>
            @foreach(['Technical Documentation', 'Tools', 'Software', 'Misc'] as $type)
                <option value="{{ $type }}"
                    {{ old('file_type', $documents->file_type ?? '') === $type ? 'selected' : '' }}>
                    {{ $type }}
                </option>
            @endforeach
        </select>
    </div>

{{-- File Upload --}}
<div class="form-group">
    <label>File <span class="text-danger">*</span></label>
    
    @if($documents->file ?? false)
        <p class="mb-2">
            Current File:
            <a href="{{ asset('storage/documents/'.$documents->file) }}" target="_blank">
                {{ $documents->file }}
            </a>
        </p>
    @endif
    
    <input type="file"
           name="file"
           class="form-control"
           id="document-file"
           {{ $documents->exists ?? false ? '' : 'required' }}
           accept=".pdf,.doc,.docx"
           onchange="validateFileType(this)">
    
    {{-- File type hint --}}
    <small class="form-text text-muted">
        Allowed file types: <strong>PDF, DOC, DOCX only</strong>
    </small>
    
    {{-- Error message container --}}
    <div id="file-error" class="invalid-feedback d-none">
        Please select only PDF, DOC, or DOCX files.
    </div>
</div>

    {{-- Associated Product --}}
		<div class="form-group">
		<label>Associated Product <span class="text-danger">*</span></label>
		    <select name="associated_product_id" class="form-control" required>
			<option value="">-- Select Associated Product --</option>
				@foreach($products as $product)
					<option value="{{ $product->id }}"
						{{ old('associated_product_id', $documents->associated_product_id ?? '') == $product->id ? 'selected' : '' }}>
						{{ $product->title }}
					</option>
				@endforeach
			</select>
		</div>

    {{-- Page Location --}}
    <div class="form-group">
        <label>Page Location <span class="text-danger">*</span></label>
        <select name="product_page_location" class="form-control" required>
            <option value="">-- Select Page Location --</option>
            @foreach(['Data Sheet', 'Technical Documentation', 'Design and Development'] as $location)
                <option value="{{ $location }}"
                    {{ old('product_page_location', $documents->product_page_location ?? '') === $location ? 'selected' : '' }}>
                    {{ $location }}
                </option>
            @endforeach
        </select>
    </div>

    {{-- Document Type --}}
    <div class="form-group">
        <label>Document Type <span class="text-danger">*</span></label>
        <select name="type" class="form-control" required>
            <option value="">-- Select Document Type --</option>
            @foreach(['User Guide', 'Manual', 'Docs'] as $docType)
                <option value="{{ $docType }}"
                    {{ old('type', $documents->type ?? '') === $docType ? 'selected' : '' }}>
                    {{ $docType }}
                </option>
            @endforeach
        </select>
    </div>

    {{-- Buttons --}}
    <div class="button-container mt-3">
        <button type="reset" class="btn btn-warning">Reset</button>
        <button type="submit" class="btn btn-success">
            {{ $isEdit ? 'Update' : 'Submit' }}
        </button>
    </div>
</form>

 
@push('styles')
    <link rel="stylesheet" href="{{asset('backend/summernote/summernote.min.css')}}">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endpush
@push('scripts')
    <script src="{{asset('backend/summernote/summernote.min.js')}}"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function () {
            $('#description').summernote({
                placeholder: "Write short description.....",
                tabsize: 2,
                height: 150
            });
            $('#categories').select2({
                placeholder: 'Select categories',
                allowClear: true
            });
        });
    </script>
@endpush