{% extends '_include/base.html.twig' %}

{% block title %}Quotations · ERP Starz{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('assets/lib/DataTables/datatables.min.css') }}" rel="stylesheet">
{% endblock %}

{% block breadcrumbs %}
    <nav aria-label="Breadcrumb">
        <ul class="breadcrumb__list">
            <li class="breadcrumb__item"><a href="{{ path('dashboard') }}">Home</a></li>
            <li class="breadcrumb__item" aria-current="page">Quotations</li>
        </ul>
    </nav>
{% endblock %}

{% block page_title %}Quotations{% endblock %}

{% block page_actions %}
    <a href="{{ path('app_quotation_new') }}" class="btn btn--primary">New Quotation</a>
{% endblock %}

{% block content %}
    {% include 'quotation/_summary_cards.html.twig' with {
        stats: quotationSummary|default({ total: 0, valid: 0, expired: 0 })
    } only %}

    <div class="table-wrapper space-top-4">
        <table id="quotations-table" class="data-table table-full">
            <thead>
            <tr>
                <th scope="col">Company</th>
                <th scope="col">Offer ID</th>
                <th scope="col">Created On</th>
                <th scope="col">Created By</th>
                <th scope="col">Validity</th>
                <th scope="col">Shipping Term</th>
                <th scope="col">Payment Term</th>
                <th scope="col">Lead Time</th>
                <th scope="col">MOQ</th>
                <th scope="col">Customer</th>
                <th scope="col" class="text-center">Actions</th>
            </tr>
            </thead>
            <tbody>
            {% for quotation in quotations %}
                {% set statusLabel = 'Na' %}
                {% if quotation.validity != 'Na' %}
                    {% set originalDateTime = quotation.createdAt ? quotation.createdAt|date('Y-m-d') : 'now'|date('Y-m-d') %}
                    {% set newDateTime = originalDateTime|date_modify(quotation.validity) %}
                    {% if newDateTime|date('Y-m-d') < "now"|date('Y-m-d') %}
                        {% set statusLabel = 'Expired' %}
                    {% else %}
                        {% set statusLabel = 'Valid' %}
                    {% endif %}
                {% endif %}
                <tr data-status="{{ statusLabel }}">
                    <td>{{ quotation.company ? quotation.company.name : '--' }}</td>
                    <td>{{ quotation.offerId ?? '--' }}</td>
                    <td>{{ quotation.createdAt ? quotation.createdAt|date('Y-m-d') : '--' }}</td>
                    <td>{{ quotation.createdBy ? quotation.createdBy.name : '--' }}</td>
                    <td><span class="status-pill" data-status="{{ statusLabel == 'Valid' ? 'success' : (statusLabel == 'Expired' ? 'danger' : 'info') }}">{{ statusLabel }}</span></td>
                    <td>{{ quotation.shippingTerm ?? '--' }}</td>
                    <td>{{ quotation.payTerm ?? '--' }}</td>
                    <td>{{ quotation.leadtime ?? '--' }}</td>
                    <td class="mono">{{ quotation.minOrderQty ?? '--' }}</td>
                    <td>{{ quotation.customer ? quotation.customer.name : '--' }}</td>
                    <td class="text-center">
                        <div class="action-inline">
                            <a href="{{ path('app_quotation_show', {'id': quotation.id}) }}" class="btn btn--secondary btn--sm" title="View" aria-label="View quotation">
                                <i class="fa fa-search" aria-hidden="true"></i>
                            </a>
                            <a href="{{ path('app_quotation_edit', {'id': quotation.id}) }}" class="btn btn--secondary btn--sm" title="Edit" aria-label="Edit quotation">
                                <i class="fa fa-edit" aria-hidden="true"></i>
                            </a>
                            <a href="{{ path('generate_pdf', {'id': quotation.id}) }}" class="btn btn--secondary btn--sm js-pdf-export" title="Print" aria-label="Print quotation" target="_blank">
                                <i class="fa fa-print" aria-hidden="true"></i>
                            </a>
                            <a href="{{ path('app_quotation_items_new', {'quotationId': quotation.id}) }}" class="btn btn--secondary btn--sm" title="Add Item" aria-label="Add item to quotation">
                                <i class="fa fa-plus" aria-hidden="true"></i>
                            </a>
                        </div>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="{{ asset('assets/lib/DataTables/datatables.min.js') }}"></script>
    <script>
        (function($) {
            'use strict';
            $(document).ready(function () {
                try {
                    $('#quotations-table').DataTable({
                        pageLength: 25,
                        order: [[2, 'desc']],
                        responsive: true,
                        autoWidth: false,
                        columnDefs: [
                            { targets: -1, orderable: false, searchable: false } // Last column (Actions)
                        ],
                        language: {
                            search: 'Search:',
                            lengthMenu: 'Show _MENU_ entries',
                            zeroRecords: 'No matching records found',
                            info: 'Showing _START_ to _END_ of _TOTAL_ entries',
                            infoEmpty: 'No entries available',
                            infoFiltered: '(filtered from _MAX_ total entries)',
                            paginate: {
                                first: 'First',
                                last: 'Last',
                                next: 'Next',
                                previous: 'Previous'
                            }
                        }
                    });
                } catch (error) {
                    console.error('Error initializing DataTable:', error);
                }
            });
        })(jQuery);
    </script>
{% endblock %}