@extends('layouts.master')

@section('title')
    Data Product
@endsection

@section('content')
    <div class="nk-block-head">
        <div class="nk-block-head-content">
            <h3 class="nk-block-title page-title">Data Alkes</h3>
            <div class="nk-block-des">
                <p>Kamu mempunyai akses untuk mengelola Menu Data Alkes</p>
            </div>
        </div>
    </div><!-- .nk-block-head -->

    <div class="nk-block nk-block-lg">
        <div class="row g-gs">
            @can('Medical Device Page')
                <div class="col-lg-6">
                    <a href="{{ route('pages.dataProduct.medicalDevice') }}" class="card card-bordered text-soft">
                        <div class="card-inner">
                            <div class="align-center justify-between">
                                <div class="g">
                                    <h6 class="title">Alat Kesehatan</h6>
                                    <p>Kelola dan Atur Alat Kesehatan</p>
                                </div>
                                <div class="g">
                                    <span class="btn btn-icon btn-trigger me-n1">
                                        <em class="icon ni ni-chevron-right"></em>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endcan
            @can('Category Page')
                <div class="col-lg-6">
                    <a href="{{ route('pages.dataProduct.category') }}" class="card card-bordered text-soft">
                        <div class="card-inner">
                            <div class="align-center justify-between">
                                <div class="g">
                                    <h6 class="title">Kategori Alat Kesehatan</h6>
                                    <p>Kelola dan Atur Kategori Alat Kesehatan</p>
                                </div>
                                <div class="g">
                                    <span class="btn btn-icon btn-trigger me-n1">
                                        <em class="icon ni ni-chevron-right"></em>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endcan
            @can('Tool Page')
                <div class="col-lg-6">
                    <a href="{{ route('pages.dataProduct.tools') }}" class="card card-bordered text-soft">
                        <div class="card-inner">
                            <div class="align-center justify-between">
                                <div class="g">
                                    <h6 class="title">Kelompok Alat</h6>
                                    <p>Kelola dan Atur Kelompok Alat</p>
                                </div>
                                <div class="g">
                                    <span class="btn btn-icon btn-trigger me-n1">
                                        <em class="icon ni ni-chevron-right"></em>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endcan
            @can('Item Classification Page')
                <div class="col-lg-6">
                    <a href="{{ route('pages.dataProduct.itemClassification') }}" class="card card-bordered text-soft">
                        <div class="card-inner">
                            <div class="align-center justify-between">
                                <div class="g">
                                    <h6 class="title">Klasifikasi Barang</h6>
                                    <p>Kelola dan Atur Klasifikasi Barang</p>
                                </div>
                                <div class="g">
                                    <span class="btn btn-icon btn-trigger me-n1">
                                        <em class="icon ni ni-chevron-right"></em>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @endcan
        </div>
    </div>
@endsection