{% extends 'back.html.twig' %}

{% block title %} Edit Job{% endblock %}

{% block body %}

    <div class="app-content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <h3 class="mb-0">
                        Edit Job ({{ job.id }})
                        {% if job.type == "JOB" %}
                            <span class='badge bg-primary'>JOB</span>
                        {% elseif job.type == "REWORK" %}
                            <span class='badge bg-warning'>REWORK</span>
                        {% endif %}

                        {% if job.urgentDate %}
                            <span class='badge bg-warning' style="color: #000000;">URGENT</span>
                        {% endif %}

                        {% if job.printStatus %}
                            <span class='badge bg-secondary'>Job Sheet Printed</span>
                        {% else %}
                            <span class='badge bg-info'>Job Sheet Not Printed</span>
                        {% endif %}
                    </h3>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-end">
                        <li class="breadcrumb-item"><a href="{{ path('app_admin_dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{ path('admin_job_index') }}">Jobs</a></li>
                        <li class="breadcrumb-item active">Edit Job</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <div class="app-content">
        <div class="container-fluid">
            <div class="row g-4">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header with-border" style="padding-bottom: 0px;">
                            {% include '@Job/jobs/partials/job-header-links.html.twig' %}
                        </div>
                        <div class="card-body">

                            <div class="row">
                                <div class="col-md-12">
                                    <a href="{{ path('admin_pdf_job_view_compliance', {'jobId': job.id}) }}" target="_blank">
                                        <button type="button" class="btn btn-primary mb-4" style="float: right;">
                                            <i class="bi bi-printer"></i> Print All Completed Documents
                                        </button>
                                    </a>

                                    <table id="compliance_table" class="table table-bordered table-striped">
                                        <thead>
                                        <tr>
                                            <th>Document Name</th>
                                            <th>Job ID</th>
                                            <th>Job Date</th>
                                            <th>Completed</th>
                                            <th>Created On</th>
                                            <th>Actions</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {% for complianceDocument in complianceDocuments %}

                                            {% set completedDocument = null %}

                                            {% for jobCompliance in jobComplianceDocs %}
                                                {% if jobCompliance.documentKey == complianceDocument.key %}
                                                    {% set completedDocument = jobCompliance %}
                                                {% endif %}
                                            {% endfor %}
                                            <tr>
                                                <td>{{ complianceDocument.name }} ({{ complianceDocument.key }})</td>
                                                <td><a href="{{ path('admin_job_edit', {'jobId': job.id}) }}">{{ job.id }}</a> </td>
                                                <td>{{ job.date|date('Y-m-d') }}</td>
                                                <td>
                                                    {% if completedDocument %}
                                                        <span class="badge bg-success">Completed</span>
                                                    {% else %}
                                                        <span class="badge bg-danger">Not Completed</span>
                                                    {% endif %}
                                                </td>
                                                <td>
                                                    {% if completedDocument %}
                                                        {{ completedDocument.createdBy.fullName }}<br/>
                                                        <small class="text-muted">{{ completedDocument.createdOn|date('Y-m-d') }}</small>
                                                    {% else %}
                                                        <span class="badge bg-danger">Not Created</span>
                                                    {% endif %}

                                                </td>
                                                <td>
                                                    <div class="dropdown">
                                                        <button class="btn btn-dark dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                            <i class="bi bi-chevron-down"></i> Options
                                                        </button>
                                                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
                                                            <a class="dropdown-item" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#jobCompliance{{ complianceDocument.key}}Modal"><i class="bi bi-pencil-square"></i> &nbsp;&nbsp; Edit Document</a>
                                                            {% if completedDocument %}
                                                                {% if complianceDocument.key == "SWMS" %}
                                                                <a class="dropdown-item" href="{{ path('admin_pdf_job_view_compliance_swms', {'jobId': job.id}) }}" target="_blank"><i class="bi bi-file-earmark-binary-fill"></i> &nbsp;&nbsp; View Document</a>
                                                                {% elseif complianceDocument.key == "SDS" %}
                                                                <a class="dropdown-item" href="{{ path('admin_pdf_job_view_compliance_sds', {'jobId': job.id}) }}" target="_blank"><i class="bi bi-file-earmark-binary-fill"></i> &nbsp;&nbsp; View Document</a>
                                                                {% endif %}
                                                            {% endif %}
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        {% endfor %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {%  include '@Job/jobs/partials/compliance-form-swms-modal.html.twig' %}
    {%  include '@Job/jobs/partials/compliance-form-sds-modal.html.twig' %}



    {% include '@Invoice/invoices/partials/create-invoice-modal.html.twig' %}
    {% include '@Job/jobs/partials/job-notes-modal.twig' %}
    {% include '@Job/jobs/partials/job-status-modal.twig' %}
    {% include '@Job/jobs/partials/rework-job-modal.twig' %}

{% endblock %}