@extends('layouts.service-details-layout')

@section('more-styles')
    <link rel="stylesheet" href="{{ asset('css/pages/invoice-generator-wizard.css') }}">
@endsection

@section('content')
    <!-- Zero configuration table -->
    <div class="main-content-section" id="applicant-registration-wrapper">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div id="progressbar-wrapper">
                        @include('components.invoice_generation_progressbar')
                    </div>
                    <div class="card-header page-title-row">
                        <h2 class="page-title-secondary float-left">All Supporting Documents</h2>
                        <button class="btn btn-warning float-right" onclick="BaseHelper.printTag('#supportingDocumentsPrintOut')">
                            <em class="icon ni ni-printer"></em>
                            Print List
                        </button>
                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body" id="supportingDocumentsPrintOut">
                            <div class="brand-logo pb-5 reg-img image-adjust center">
                                <img class="logo-dark" src="{{ asset('images/ogun-state-logo.png') }}"
                                     width="300px" alt="logo-dark">

                            </div>
                            <table class="table table-bordered" style="width:100%" id="supporting-document-table">
                                <thead class="thead-dark">
                                <tr>
                                    <th>S/N</th>
                                    <th>Name</th>
                                    <th>File Type</th>
{{--                                    <th>Required</th>--}}
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($supportingDocuments as $n => $doc)
                                    @php
                                        $isRequired = (!is_null($doc->is_required)) ? $doc->is_required : true;
                                        $allowedExtensions = implode('/', $doc->allowed_types ?? \App\Helpers\AppConstants::ALLOWED_FILE_EXTENSIONS);
                                    @endphp
                                    <tr>
                                        <td>{{$n += 1}}</td>
                                        <td class="nk-tb-col">{{ $doc->display_name }}</td>
                                        <td class="nk-tb-col">{{ $allowedExtensions }}</td>
{{--                                        <td class="nk-tb-col">{{ $isRequired ? 'Yes' : 'No' }}</td>--}}
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="card-footer text-center">
                            <a class="btn btn-primary" href="{{ route('service.invoice.show_fees_breakdown', ['service' => $service->id, 'applicant' => $applicant->id]) }}">
                                Proceed to Payment Breakdown  <em class="icon ni ni-arrow-right"></em>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('more-scripts')
<script src="{{ asset('js/pages/supporting-documents-list.js') }}"></script>
@endsection