@extends('main')
@section('body')
    <div class="container my-0 my-md-5">
        <div class="row">
            <div class="col-12">
                <div class="mb-3">
                    <h3 class="mb-1 fw-bold">{!! __("universal.page.order_mgmt_order_search.title") !!}</h3>
                    <p>{!!__("universal.page.order_mgmt_order_search.text") !!}</p>
                </div>
            </div>
        </div>
        <div class="row align-items-end">
            <div class="col-12 col-md-10">
                <div class="row align-items-end">
                    <div class="col-auto pb-1">
                        @component("components.inputs.input", ["id" => "order_no", "label" => __("universal.order_no"), "inputClass" => "search-value"])
                        @endcomponent
                    </div>
                    <div class="col-auto pb-1">
                        @component("components.inputs.input", ["id" => "imei_no", "label" => __("universal.imei_no"), "inputClass" => "search-value"])
                        @endcomponent
                    </div>
                    <div class="col-auto pb-1">
                        @component("components.inputs.input", ["id" => "serial_no", "label" => __("universal.serial_no"), "inputClass" => "search-value"])
                        @endcomponent
                    </div>
                    <div class="col-auto pb-1">
                        @component("components.inputs.input", ["id" => "reference_no", "label" => __("universal.reference_no"), "inputClass" => "search-value"])
                        @endcomponent
                    </div>
                    <div class="col-auto pb-1">
                        @component("components.selects.select_info", ["id" => "processing_status", "label" => __("universal.status"), "dataTarget" => "modal_info_processing_status"])
                            @slot("options")
                                <option value="">{{__("universal.all")}}</option>
                                @foreach($status AS $temp)
                                    <option value="{{$temp->code ?? ""}}">{{$temp->name ?? ""}}</option>
                                @endforeach
                            @endslot
                        @endcomponent
                    </div>
                    <div class="col-auto pb-1">
                        @component("components.buttons.button", [
                             "id" => "btn_search",
                             "title" => __("universal.button.search"),
                             "buttonClass" => "btn-default"
                        ])
                        @endcomponent
                    </div>
                </div>
            </div>
        </div>
        <div id="search_result" class="row d-none mt-3">
            <div class="col-12">
                <div class="table-responsive-sm">
                    <table id="table_orders" class="table table-striped table-sm table-bordered w-100">
                        <thead>
                        <tr>
                            <th>{{__("universal.order_no")}}</th>
                            <th>{{__("universal.order_date")}}</th>
                            <th>{{__("universal.manufacturer")}}</th>
                            <th>{{__("universal.description")}}</th>
                            <th>{{__("universal.your_reference")}}</th>
                            <th>{{__("universal.service_reference")}}</th>
                            <th>{{__("universal.status")}}</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
    @component("components.modals.modal", ["id" => "modal_info_processing_status", "modalTitle" => __("universal.info.processing_status.title")])
        @slot("modalBody")
            <p>
                <span class="fw-bold">{!! __("universal.info.processing_status.order_registered.title") !!}</span><br>
                {!! __("universal.info.processing_status.order_registered.text") !!}
            </p>
            <p>
                <span class="fw-bold">{!! __("universal.info.processing_status.order_in_progress.title") !!}</span><br>
                {!! __("universal.info.processing_status.order_in_progress.text") !!}
            </p>
            <p>
                <span class="fw-bold">{!! __("universal.info.processing_status.estimate_unanswered.title") !!}</span><br>
                {!! __("universal.info.processing_status.estimate_unanswered.text") !!}
            </p>
            <p>
                <span class="fw-bold">{!! __("universal.info.processing_status.order_completed.title") !!}</span><br>
                {!! __("universal.info.processing_status.order_completed.text") !!}
            </p>
            <p>
                <span class="fw-bold">{!! __("universal.info.processing_status.order_canceled.title") !!}</span><br>
                {!! __("universal.info.processing_status.order_canceled.text") !!}
            </p>
        @endSlot
    @endcomponent
@endsection