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

@section('content')
    <style>
        .white-text {
            color: white;
        }
        .verified {
            color: green;
        }
        .not-verified {
            color: red;
            cursor: pointer;
        }
    </style>
    <div style="background-color: #00000029;" class="container"><br>
        @if(!$company->BBBEE_document_v || !$company->tax_certificate_v || !$company->other_documents_v)
            <h1>
                Company Details
                <i class="fas fa-times-circle not-verified"></i>
            </h1>
        @else
            <h1>Company Details
                <i class="fas fa-check-circle verified" title="Verified"></i>
            </h1>
        @endif
        <table class="table table-hover">
            <!-- Company Name -->
            <tr class="bg-danger white-text">
                <th>Name</th>
                <td><strong>{{ $company->name }}</strong></td>
            </tr>

            <!-- Company Type -->
            <tr>
                <th>Type</th>
                <td>{{ $company->company_type }}</td>
            </tr>

            <!-- Registration Number -->
            <tr>
                <th>Registration Number</th>
                <td>{{ $company->registration_number }}</td>
            </tr>

            <!-- Sector -->
            <tr>
                <th>Sector</th>
                <td>{{ $company->sector }}</td>
            </tr>

            <!-- VAT Number -->
            <tr>
                <th>VAT Number</th>
                <td>{{ $company->VAT_number }}</td>
            </tr>

            <!-- CSD Number -->
            <tr>
                <th>CSD Number</th>
                <td>{{ $company->CSD_number }}</td>
            </tr>

            <!-- BBBEE Document -->
            <tr>
                <th>BBBEE Document</th>
                <td>
                    <a href="/storage/{{ $company->BBBEE_document }}" target="_blank">
                        <i class="far fa-file-pdf"></i> View Document
                    </a>
                    @if($company->BBBEE_document_v)
                        <i class="fas fa-check-circle verified" title="Verified"></i>
                    @else
                        <i class="fas fa-times-circle not-verified" title="{{ $company->BBBEE_document_reason }}"></i> <strong>{{ $company->BBBEE_document_reason }}</strong>
                    @endif
                </td>
            </tr>

            <!-- BBBEE Expiry Date -->
            <tr>
                <th>BBBEE Expiry Date</th>
                <td>{{ $company->BBBEE_expiry }}</td>
            </tr>

            <!-- Tax Certificate -->
            <tr>
                <th>Tax Certificate</th>
                <td>
                    <a href="/storage/{{ $company->tax_certificate }}" target="_blank">
                        <i class="far fa-file-pdf"></i> View Document
                    </a>
                    @if($company->tax_certificate_v)
                        <i class="fas fa-check-circle verified" title="Verified"></i>
                    @else
                        <i class="fas fa-times-circle not-verified" title="{{ $company->tax_certificate_reason }}"></i> <strong>{{ $company->tax_certificate_reason }}</strong>
                    @endif
                </td>
            </tr>

            <!-- Tax Certificate Expiry Date -->
            <tr>
                <th>Tax Certificate Expiry Date</th>
                <td>{{ $company->tax_certificate_expiry }}</td>
            </tr>

            <!-- Other Documents -->
            <tr>
                <th>Other Documents</th>
                <td>
                    @if($company->other_documents)
                        @foreach(json_decode($company->other_documents) as $index => $document)
                            <a href="/storage/{{ $document }}" target="_blank">
                                <i class="far fa-file-pdf"></i> View Document
                            </a>
                            @if($company->other_documents_v)
                                <i class="fas fa-check-circle verified" title="Verified"></i>
                            @else
                                <i class="fas fa-times-circle not-verified" title="{{ $company->other_documents_reason }}"></i> <strong>{{ $company->other_documents_reason }}</strong>
                            @endif
                            <br>
                        @endforeach
                    @else
                        No other documents
                    @endif
                </td>
            </tr>
        </table>

        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-6">
                <a href="{{ route('companies.edit', $company->id) }}" class="btn credit-btn">Edit Company Details</a>
            </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>
    </div>
@endsection