@extends('layouts.main')

@section('content')
    <div class="container">
        <br>
        <h1>Verify Company Documents</h1>
        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        <form action="{{ route('companies.verify', $company->id) }}" method="POST">
            @csrf
            @method('PUT')

            <!-- Company Details -->
            <div class="row">
                <div class="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 }}" disabled>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="company_type">Company Type</label>
                        <input type="text" name="company_type" id="company_type" class="form-control" value="{{ $company->company_type }}" disabled>
                    </div>
                </div>
            </div>

            <!-- Document Verification Table -->
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th>Document Type</th>
                        <th>File</th>
                        <th>Expiry Date</th>
                        <th>Verified</th>
                        <th>Reason</th>
                    </tr>
                    </thead>
                    <tbody>
                    <!-- BBBEE Document -->
                    <tr>
                        <td>BBBEE Document</td>
                        <td>
                            @if($company->BBBEE_document)
                                <a href="{{ asset('storage/'.$company->BBBEE_document) }}" target="_blank">
                                    View BBBEE Document
                                </a>
                            @else
                                No document uploaded
                            @endif
                        </td>
                        <td>{{ $company->BBBEE_expiry }}</td>
                        <td>
                            <!-- Hidden input to handle unchecked state -->
                            <input type="hidden" name="BBBEE_document_v" value="0">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" name="BBBEE_document_v" class="custom-control-input" id="BBBEE_document_v" value="1" {{ $company->BBBEE_document_v ? 'checked' : '' }}>
                                <label class="custom-control-label" for="BBBEE_document_v">Verified</label>
                            </div>
                        </td>
                        <td>
                            <input type="text" name="BBBEE_document_reason" class="form-control" value="{{ $company->BBBEE_document_reason }}">
                        </td>
                    </tr>

                    <!-- Tax Certificate -->
                    <tr>
                        <td>Tax Certificate</td>
                        <td>
                            @if($company->tax_certificate)
                                <a href="{{ asset('storage/'.$company->tax_certificate) }}" target="_blank">
                                    View Tax Certificate
                                </a>
                            @else
                                No document uploaded
                            @endif
                        </td>
                        <td>{{ $company->tax_certificate_expiry }}</td>
                        <td>
                            <!-- Hidden input to handle unchecked state -->
                            <input type="hidden" name="tax_certificate_v" value="0">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" name="tax_certificate_v" class="custom-control-input" id="tax_certificate_v" value="1" {{ $company->tax_certificate_v ? 'checked' : '' }}>
                                <label class="custom-control-label" for="tax_certificate_v">Verified</label>
                            </div>
                        </td>
                        <td>
                            <input type="text" name="tax_certificate_reason" class="form-control" value="{{ $company->tax_certificate_reason }}">
                        </td>
                    </tr>

                    <!-- Other Documents -->
                    <tr>
                        <td>Other Documents</td>
                        <td>
                            <ul class="list-unstyled">
                                @foreach (json_decode($company->other_documents, true) as $doc)
                                    <li>
                                        <a href="{{ asset('storage/'.$doc) }}" target="_blank">{{ basename($doc) }}</a>
                                    </li>
                                @endforeach
                            </ul>
                        </td>
                        <td></td>
                        <td>
                            <!-- Hidden input to handle unchecked state -->
                            <input type="hidden" name="other_documents_v" value="0">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" name="other_documents_v" class="custom-control-input" id="other_documents_v" value="1" {{ $company->other_documents_v ? 'checked' : '' }}>
                                <label class="custom-control-label" for="other_documents_v">Verified</label>
                            </div>
                        </td>
                        <td>
                            <input type="text" name="other_documents_reason" class="form-control" value="{{ $company->other_documents_reason }}">
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <button type="submit" class="btn btn-primary">Update Verification</button>
                    <a href="{{ route('verification.dashboard') }}" class="btn btn-warning">Back</a>
                </div>
            </div>
        </form>
    </div>
@endsection