@extends('main')
@section('body')
    <div class="container my-0 my-md-3">
        <div class="row">
            <div class="col-12">
                <h3 class="mb-1 fw-bold">{!! __("universal.page.order_related_query_lock.title") !!}</h3>
                <p>{!!__("universal.page.order_related_query_lock.text") !!}</p>
            </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")])
                        @endcomponent
                    </div>
                    <div class="col-auto pb-1">
                        @component("components.buttons.button", [
                             "id" => "btn_remove_query_lock",
                             "title" => __("universal.button.ok"),
                             "buttonClass" => "btn-default"
                        ])
                        @endcomponent
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection