{% include 'common/header.html.twig' with {'assets': assets } %}

<!-- begin::Body -->
<body style="background-image: url({{ assets }}media/demos/demo4/bg-image-parti-header.jpg); background-position: center top; background-size: 100% 338px;" class="kt-page--loading-enabled kt-page--loading kt-quick-panel--right kt-demo-panel--right kt-offcanvas-panel--right kt-header--fixed kt-header--minimize-menu kt-header-mobile--fixed kt-subheader--enabled kt-subheader--transparent kt-page--loading">

<!-- begin:: Page -->

<!-- begin:: Header Mobile -->
{% include 'common/header_mobile.html.twig' %}

<!-- end:: Header Mobile -->
<div class="kt-grid kt-grid--hor kt-grid--root">
    <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">
        <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">

            <!-- begin:: Header -->
            {{ render(controller('App\\Controller\\Common\\Top::index')) }}
            <!-- end:: Header -->
            <div class="kt-body kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-grid--stretch" id="kt_body">
                <div class="kt-content kt-content--fit-top  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">

                    <!-- begin:: Subheader -->
                    {% include 'common/subheader.html.twig' %}

                    <!-- end:: Subheader -->

                    <!-- begin:: Content -->
                    <div class="kt-container  kt-grid__item kt-grid__item--fluid" id="destroy_ad">
                        <div class="kt-portlet">
                            <div class="kt-portlet__body kt-portlet__body--fit">
                                <div class="kt-grid  kt-wizard-v1 kt-wizard-v1--white" id="kt_projects_add" data-ktwizard-state="step-first">

                                    <div class="kt-grid__item kt-grid__item--fluid kt-wizard-v1__wrapper">

                                        <!--begin: Form Wizard Form-->
                                        <form class="kt-form" action="{{ update_parts_url }}" method="post">

                                            {% for category in parts %}

                                                {% if category.parts is not empty %}

                                                <div class="accordion accordion-light  accordion-toggle-arrow" id="accordion{{ loop.index }}"><div class="card"><div class="card-header" id="headingOne5"><div class="card-title collapsed" data-toggle="collapse" data-target="#collapseOne{{ loop.index }}" aria-expanded="false" aria-controls="collapseOne{{ loop.index }}"><img class="image_category" src="{{ assets }}media/icons/svg/part-categories/{{ category.image }}" />{{ category.part_category_title }}</div></div><div id="collapseOne{{ loop.index }}" class="collapse" aria-labelledby="headingOne{{ loop.index }}" data-parent="#accordion{{ loop.index }}"><div class="card-body">

                                                    <table class="table table-bordered table-striped">
                                                        <thead>
                                                            <tr>
                                                                <th>Name</th>
                                                                <th>Part Position</th>
                                                                <th>Price</th>
                                                                <th>Image</th>
                                                                <th>Comments</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>

                                                    {% for part in category.parts %}
                                                            <tr>
                                                                <td>
                                                                    <input type="hidden" value="{{ part.part_id }}" name="partid[]">
                                                                    {{ part.title }}
                                                                </td>
                                                                <td>
                                                                    <select name="part_position[]"
                                                                            id="part_position" class="form-control select_filter_box">
                                                                        {% for status in parts_statuses %}
                                                                            {% if status.show_in_destroy == 1 %}
                                                                                {% if status.parts_status_id == part.part_status_id %}
                                                                                    <option value="{{ part
                                                                                    .part_status_id }}" selected>{{
                                                                                        status.title }}</option>
                                                                                {% else %}
                                                                                    <option value="{{ part.part_status_id }}">{{ status.title }}</option>
                                                                                {% endif %}
                                                                            {% endif %}
                                                                        {% endfor %}
                                                                    </select>
                                                                </td>
                                                                <td><input class="form-group" type="text" name="prices[]"
                                                                           value="{{
                                                                    part.price }}"></td>
                                                                <td></td>
                                                                <td><textarea class="form-group" name="comments[]">{{
                                                                        part.comments }}</textarea>
                                                                <input type="hidden" name="statuses[]" value="1" />
                                                                </td>


                                                            </tr>
                                                    {% endfor %}
                                                        </tbody>
                                                    </table></div></div></div></div>

                                                {% endif %}
                                            {% endfor %}
                                            <div class="form-group row">

                                                <div class="col-lg-5 col-xl-5">
                                                    <label class="col-xl-5 col-lg-5 col-form-label">CAR STATUS</label>
                                                    <select class="form-control" name="ad_status" id="ad_status">
                                                        <option selected="selected" value="-1">Select a status...</option>
                                                        {% for status in ad_status %}
                                                            {% if status.show_in_destroy ==  1  %}
                                                                {% if ad_status_id ==  status.ads_status_id  %}
                                                                    <option value="{{ status.ads_status_id }}" item_desc="{{ status.description }}" selected>{{ status.title }}</option>
                                                                {% else %}
                                                                    <option value="{{ status.ads_status_id }}" item_desc="{{ status.description }}" >{{ status.title }}</option>
                                                                {% endif %}
                                                            {% endif %}
                                                        {% endfor %}
                                                    </select>
                                                </div>
                                                <div id="status_description"></div>
                                            </div>
                                            <!--begin: Form Actions -->
                                            <div class="kt-form__actions">
                                                <button class="btn btn-success btn-md btn-tall btn-wide kt-font-bold kt-font-transform-u" data-ktwizard-type="" id="btn_submit">Save & Close</button>
                                                <button class="btn btn-success btn-md btn-tall btn-wide kt-font-bold kt-font-transform-u" data-ktwizard-type="" >Save & Edit Parts</button>
                                            </div>

                                            <!--end: Form Actions -->
                                            <input type="hidden" name="adid" value="{{ adid }}" id="adid"/>
                                            <input type="hidden" name="is_car_destroy" value="1" />
                                        </form>

                                        <!--end: Form Wizard Form-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- end:: Content -->

                    <!-- begin:: Footer -->

                    <script type="text/javascript">

                        jQuery(document).ready(function() {

                            $(document).on('change', '#ad_status', function (e) {

                                var desc= $('option:selected', this).attr('item_desc');

                                $('#status_description').html();
                                $('#status_description').html(desc);
                                $('#status_description').fadeIn(500);
                            });
                        });
                    </script>

                    {{ render(controller('App\\Controller\\Common\\Footer::index')) }}

