@extends('frontend.layout')
@section('page_title', 'List of Herbal Brand Names')
@section('content')

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

        <div class="row">
            <h1 class="col-xs-12 page-heading-1">List of Brand Names (Herbal)</h1>

            <div class="col-xs-12 center-align mb-7 mt--5">
                <button class="btn btn-teal prsinf-btn toggle-trigger tx-1-1 capitalize"
                    data-target="#alphadex-wrapper"><i class="fa fa-sort-alpha-asc mr-3"></i> Browse
                    Alphabetically</button>

                @include('frontend.brands._partials.alphabetically')

            </div>
        </div>

        <div class="row">
            <div class="col-xs-12 margin-b-5">
            </div>

            @foreach ($herbal_brands as $item)
            <div class="col-xs-12 col-sm-6 col-lg-4">

                <a href="{{url('/brands')}}/{{$item->b_id}}/{{strtolower(str_replace(' ', '-', $item->brand_name))}}"
                    class="hoverable-block">

                    <div class="row data-row">

                        <div class="col-xs-12 data-row-top">
                            <span class="md-icon-container"><img
                                    src="{{asset('common_image/dosages')}}/{{$item->icon_image}}"
                                    alt="{{$item->dosage_forms}}" title="Capsule" class="dosage-icon"></span>
                            {{$item->brand_name}}
                        </div>
                        <div class="col-xs-12 data-row-strength">
                            <span class="grey-ligten">{{$item->strength}}</span>
                        </div>
                        <div class="col-xs-12">
                            {{$item->generic_name}}
                        </div>
                        @if ($item->company_name)
                        <div class="col-xs-12">
                            <span class="data-row-company">

                                {{$item->company_name}}


                            </span>
                        </div>
                        @endif
                        <div class="col-xs-12 packages-wrapper">
                            <div class="package-container">
                                <span class="unit-price">
                                    <span class="package-pricing">
                                        Unit Price : &#2547 {{$item->unit_price}}
                                    </span>
                                </span>
                            </div>
                        </div>

                    </div>

                </a>

            </div>
            @endforeach



        </div>
        {{ $herbal_brands->links() }}
    </div>
</section>

@endsection