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

{% block body %}
        <!-- BEGIN: Subheader -->
    <div class="m-subheader">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title">
                   Search
                </h3>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        <!--Begin::Section-->
        <div class="row">
            <div class="col-xl-12">
                <div class="m-portlet m-portlet--mobile">
                    <div class="m-portlet__body">
                        <div class="m-form m-form--label-align-right m--margin-top-20 m--margin-bottom-30">
                                                        <div class="row align-items-center">
                                                                <div class="col-xl-8 order-2 order-xl-1">
                                                                        <div class="form-group m-form__group row align-items-center">
                                                                                <div class="col-md-4">
                                                                                    <form action= "{{ url('search_history') }}" method="get" onsubmit="handle">
                                                                                        <div class="m-input-icon m-input-icon--left">
                                                                                                <input type="text" class="form-control m-input m-input--solid" placeholder="Search..." id="data-rows-search" name="search" >
                                                                                                <span class="m-input-icon__icon m-input-icon__icon--left">
                                                                                                        <span><i class="la la-search"></i></span>
                                                                                                </span>
                                                                                        </div>
                                                                                    </form>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                        <!--begin: Datatable -->
                        <div id="data-rows">
                            <p> Legacy Job Orders </p>
                            <table>
                                {% if data.legacy_job_orders is empty %}
                                    <td colspan=100> No records for legacy job orders </td>
                                {% else %}
                                    <th> ID </th>
                                    <th> Last Name </th>
                                    <th> Plate Number </th>
                                    {% for key, result in data.legacy_job_orders %}
                                        <tr>
                                            <td> {{ result.getID }} </td>
                                            <td> {{ result.getCustLastName | default('') }} </td>
                                            <td> {{ result.getCustFirstNamei | default('') }} </td>
                                            <td> {{ result.getPlateNumber | default('') }} </td>
                                        </tr>
                                    {% endfor %}
                                {% endif %}
                            </table>
                            <p> Job Orders </p>
                            <table>
                                {% if data.job_orders is empty %}
                                    <td colspan=100> No records for job orders </td>
                                {% else %}
                                    <th> ID </th>
                                    <th> Last Name </th>
                                    <th> Plate Number </th>
                                    {% for result in data.job_orders %}
                                        <tr>
                                            <td> {{ result.getID }} </td>
                                            <td> {{ result.getCustomer.getLastName }} </td>
                                            <td> {{ result.getCustomer.getFirstName }}</td>
                                            <td> {{ result.getCustomerVehicle.getPlateNumber }}</td>
                                        </tr>
                                    {% endfor %}
                                {% endif %}
                            </table>
                            <p> Warranties </p>
                            <table>
                                {% if data.warranties is empty %}
                                    <td colspan=100> No records for warranties </td>
                                {% else %}
                                    <th> ID </th>
                                    <th> Last Name </th>
                                    <th> Plate Number </th>
                                    {% for result in data.warranties %}
                                        <tr>
                                            <td> {{ result.getID }} </td>
                                            <td> {{ result.getLastName }} </td>
                                            <td> {{ result.getFirstName }} </td>
                                            <td> {{ result.getPlateNumber }} </td>
                                        </tr>
                                    {% endfor %}
                                {% endif %}
                            </table>
                        </div>
                        <!--end: Datatable -->
                    </div>
                </div>
                        </div>
                </div>
        </div>
{% endblock %}

{% block scripts %}
        <script>
            function handle(e)
            {
                e.preventDefault();
            }

        </script>
{% endblock %}