@extends('layouts.website-main-menu')

@section('content')
    <div style="background-color: #e9ecef;" class="container">
        <br>
        <h1>Edit Company</h1>
        <form action="{{ route('companies.update', $company->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="name">Company Name</label>
                        <input type="text" name="name" id="name" class="form-control" value="{{ $company->name }}" required>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="company_type">Company Type</label>
                        <select name="company_type" id="company_type" class="form-control" required>
                            <option value="" {{ $company->company_type == '' ? 'selected' : '' }}>Please Select</option>
                            <option value="Private Company" {{ $company->company_type == 'Private Company' ? 'selected' : '' }}>Private Company</option>
                            <option value="Public Company" {{ $company->company_type == 'Public Company' ? 'selected' : '' }}>Public Company</option>
                            <option value="State-Owned Company" {{ $company->company_type == 'State-Owned Company' ? 'selected' : '' }}>State-Owned Company</option>
                            <option value="Non-Profit Company" {{ $company->company_type == 'Non-Profit Company' ? 'selected' : '' }}>Non-Profit Company</option>
                            <option value="Personal Liability Company" {{ $company->company_type == 'Personal Liability Company' ? 'selected' : '' }}>Personal Liability Company</option>
                            <option value="Sole proprietorship" {{ $company->company_type == 'Sole proprietorship' ? 'selected' : '' }}>Sole proprietorship</option>
                            <option value="Partnership" {{ $company->company_type == 'Partnership' ? 'selected' : '' }}>Partnership</option>
                            <option value="Other" {{ $company->company_type == 'Other' ? 'selected' : '' }}>Other</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="registration_number">Registration Number</label>
                        <input type="text" name="registration_number" id="registration_number" class="form-control" value="{{ $company->registration_number }}" required>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="sector">Sector</label>
                        <input type="text" name="sector" id="sector" class="form-control" value="{{ $company->sector }}" required>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="VAT_number">VAT Number</label>
                        <input type="text" name="VAT_number" id="VAT_number" class="form-control" value="{{ $company->VAT_number }}" required>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="CSD_number">CSD Number</label>
                        <input type="text" name="CSD_number" id="CSD_number" class="form-control" value="{{ $company->CSD_number }}" required>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="BBBEE_document">BBBEE Document (PDF)</label>
                        <input type="file" name="BBBEE_document" id="BBBEE_document" class="form-control">
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="BBBEE_expiry">BBBEE Expiry Date</label>
                        <input type="date" name="BBBEE_expiry" id="BBBEE_expiry" class="form-control" value="{{ $company->BBBEE_expiry }}" required>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="tax_certificate">Tax Certificate (PDF)</label>
                        <input type="file" name="tax_certificate" id="tax_certificate" class="form-control">
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="tax_certificate_expiry">Tax Certificate Expiry Date</label>
                        <input type="date" name="tax_certificate_expiry" id="tax_certificate_expiry" class="form-control" value="{{ $company->tax_certificate_expiry }}" required>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label for="other_documents">Other Documents (PDF)</label>
                <input type="file" name="other_documents[]" id="other_documents" class="form-control" multiple onchange="previewFiles()">
                <ul id="fileList">
                    @if($company->other_documents)
                        @foreach (json_decode($company->other_documents, true) as $doc)
                            <li>{{ basename($doc) }}</li>
                        @endforeach
                    @endif
                </ul>
            </div>

            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <button type="submit" class="btn credit-btn">Update Company</button>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <a class="btn credit-btn" href="/open-tenders">View Open Tenders</a><br><br>
                </div>
            </div>
        </form>
    </div>

    <script>
        let selectedFiles = [];

        function previewFiles() {
            var input = document.getElementById('other_documents');
            var fileList = document.getElementById('fileList');

            for (let i = 0; i < input.files.length; i++) {
                selectedFiles.push(input.files[i]);
            }

            fileList.innerHTML = '';
            selectedFiles.forEach((file, index) => {
                var li = document.createElement('li');
                li.textContent = file.name;
                fileList.appendChild(li);
            });

            updateFileInput();
        }

        function updateFileInput() {
            var input = document.getElementById('other_documents');
            var dataTransfer = new DataTransfer();

            selectedFiles.forEach(file => {
                dataTransfer.items.add(file);
            });

            input.files = dataTransfer.files;
        }
    </script>
@endsection