@extends('frontend.layout')
@section('page_title', 'Dosage Form')

@section('content')

<section class="section">
    <div class="container">

        <div class="row">
            <div class="col-xs-12 center-align gSense">
            </div>

            <h1 class="col-xs-12 page-heading-1">List of Available Dosage Forms</h1>

            @foreach ($dosages as $item)
            <div class="col-xs-12 col-sm-6 col-lg-4">
                <a href="{{url('/dosage-forms')}}/{{$item->id}}/{{strtolower(str_replace(' ', '-', $item->dosage_forms))}}"
                    class="hoverable-block">
                    <div class="row data-row">
                        <div class="col-xs-12 data-row-top">
                            <img src="{{asset('common_image/dosages')}}/{{$item->icon_image}}"
                                alt="{{$item->dosage_forms}}" title="{{$item->dosage_forms}}" class="dosage-icon">
                            {{$item->dosage_forms}}
                        </div>
                        <div class="col-xs-12 data-row-company margin-t-2">
                            {{ $count_brand = App\Models\Brand::where('dosage_id', $item->id)->count() }} brand names
                        </div>
                    </div>
                </a>
            </div>
            @endforeach

        </div>

    </div>
</section>

@endsection