@php use App\Libs\Users; @endphp
@extends('main')
@section('body')
    <div class="container my-0 my-md-5">
        <div class="row">
            <div class="col-12">
                <h3 class="mb-1 fw-bold">{!! __("universal.page.order_mgmt_creation.title") !!}</h3>
                <p>{!!__("universal.page.order_mgmt_creation.text") !!}</p>
            </div>
        </div>
        <div class="row mt-3 mb-4">
            <div class="col-12">
                <div class="row g-4 row-cols-1 row-cols-lg-2">
                    <div class="col d-flex align-items-start">
                        <div class="bg-body-secondary d-inline-flex align-items-center justify-content-center flex-shrink-0 me-3 p-2 rounded">
                            <i class="fa-solid fa-screwdriver-wrench fa-2x"></i>
                        </div>
                        <div>
                            <h4>{!! __("universal.page.order_mgmt_service_order.title") !!}</h4>
                            <p>{!!__("universal.page.order_mgmt_service_order.text") !!}</p>
                            <div class="w-100 text-end">
                                @component("components.links.link", [
                                    "id" => "lnk_create_service_order",
                                    "title" => __("universal.link.create_order"),
                                    "url" => "/order/creation/service-order",
                                    "linkClass" => "btn btn-primary",
                                    "style" => "min-width: 8em;"
                                ])
                                @endcomponent
                            </div>
                        </div>
                    </div>
                    <div class="col d-flex align-items-start">
                        <div class="bg-body-secondary d-inline-flex align-items-center justify-content-center flex-shrink-0 me-3 p-2 rounded">
                            <i class="fa-solid fa-eraser fa-2x"></i>
                        </div>
                        <div>
                            <h4>{!! __("universal.page.order_mgmt_data_deletion_order.title") !!}</h4>
                            <p>{!!__("universal.page.order_mgmt_data_deletion_order.text") !!}</p>
                            <div class="w-100 text-end">
                                @component("components.links.link", [
                                    "id" => "lnk_create_data_deletion_order",
                                    "title" => __("universal.link.create_order"),
                                    "url" => "/order/creation/data-deletion",
                                    "linkClass" => "btn btn-primary",
                                    "style" => "min-width: 8em;"
                                ])
                                @endcomponent
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection