@extends('Admin.components.layout')
@section('title')
    Medication
@endsection

@section('subtitle')
    {{-- ListTrails --}}
@endsection
@section('css')
    <style>
        .img {
            cursor: pointer;
            transition: 1s ease-out;
        }

        .img:hover {
            -webkit-transform: scale(8);
            -ms-transform: scale(8);
            transform: scale(8);
            transition: 1s ease-out;
        }
    </style>
@endsection

@section('content')
    <div class="container-fluid py-4 px-5">
        <div class="row row-cols-2 row-cols-md-3">
            <div class="col card w-25 mx-3">
                <a href="{{ route('admin.medicationtype.list') }}">
                    <div class="row col-12 p-1 align-items-center">
                        <div class=" p-3 col-md-3 bg-success rounded rounded-4">
                            <div class="text-center"><i class=" fs-2 bi bi-prescription2 text-white"></i></div>
                        </div>
                        <div class="col-md-9">
                            <div class="card-body">
                                <h6 class="">MEDICATION TYPE</h6>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class=" col card w-25 mx-3">
                <a href="{{ route('admin.takemedicine.list') }}">
                    <div class=" row col-12 p-1">
                        <div class=" p-3 col-md-3 bg-success rounded rounded-4">
                            <div class="text-center"><i class=" fs-2 bi bi-prescription2 text-white"></i></div>
                        </div>
                        <div class="col-md-9">
                            <div class="card-body">
                                <h6 class="">HOW TO TAKE MEDICINE</h6>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col card w-25 mx-3">
                <a href="{{ route('admin.medicationunit.list') }}">
                    <div class="row col-12 p-1 align-items-center">
                        <div class=" p-3 col-md-3 bg-success rounded rounded-4">
                            <div class="text-center"><i class=" fs-2 bi bi-prescription2 text-white"></i></div>
                        </div>
                        <div class="col-md-9">
                            <div class="card-body">
                                <h6 class="">MEDICATION  UNIT</h6>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col card w-25 mx-3 mt-3">
                <a href="{{ route('admin.medicationcategory.list') }}">
                    <div class="row col-12 p-1 align-items-center">
                        <div class=" p-3 col-md-3 bg-success rounded rounded-4">
                            <div class="text-center"><i class=" fs-2 bi bi-prescription2 text-white"></i></div>
                        </div>
                        <div class="col-md-9">
                            <div class="card-body">
                                <h6 class="">MEDICATION  CATEGORY </h6>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col card w-25 mx-3 mt-3">
                <a href="{{ route('admin.medication.list') }}">
                    <div class="row col-12 p-1 align-items-center">
                        <div class=" p-3 col-md-3 bg-success rounded rounded-4">
                            <div class="text-center"><i class=" fs-2 bi bi-prescription2 text-white"></i></div>
                        </div>
                        <div class="col-md-9">
                            <div class="card-body">
                                <h6 class="">MEDICATION</h6>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col card w-25 mx-3 mt-3">
                <a href="{{ route('admin.frequency.list') }}">
                    <div class="row col-12 p-1 align-items-center">
                        <div class="p-3 col-md-3 bg-success rounded rounded-4">
                            <div class="text-center"><i class=" fs-2 bi bi-prescription2 text-white"></i></div>
                        </div>
                        <div class="col-md-9">
                            <div class="card-body">
                                <h6 class="">FREQUENCY</h6>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col card w-25 mx-3 mt-3">
                <a href="{{ route('admin.medicationresource.list') }}">
                    <div class="row col-12 p-1 align-items-center">
                        <div class="p-3 col-md-3 bg-success rounded rounded-4">
                            <div class="text-center"><i class=" fs-2 bi bi-prescription2 text-white"></i></div>
                        </div>
                        <div class="col-md-9">
                            <div class="card-body">
                                <h6 class="">MEDICATION RESOURCE</h6>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
@endsection