@extends('website.layouts.globalLayout')

@section('content')

@php
    $Gvalues = Gvalues();
@endphp
<div class="content pharmacy-cart-content" style="transform: none; min-height: 481.602px;">
    <div class="container" style="transform: none;">

        <div class="row" style="transform: none;">
            <div class="col-lg-3 col-xl-3 theiaStickySidebar"
                style="position: relative; overflow: visible; box-sizing: border-box; min-height: 1px;">

                <div class="theiaStickySidebar"
                    style="padding-top: 3em; padding-bottom: 1px; position: static; transform: none;">
                    <div class="filter-new">
                        <div class="filter-header">
                            <h4>Catégorie de médicament</h4>
                        </div>
                        <div class="filter-widget">
                            <ul>
                                @foreach ($Gvalues->where('type', "therapeutic_class") as $type)
                                <li>
                                    <a href="javascript:void(0);">{{$type->value}} <span><i
                                                class="fas fa-angle-right"></i></span></a>
                                </li>
                                @endforeach


                            </ul>
                        </div>
                    </div>

                    <div class="resize-sensor"
                        style="position: absolute; inset: 0px; overflow: hidden; z-index: -1; visibility: hidden;">
                        <div class="resize-sensor-expand"
                            style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;">
                            <div
                                style="position: absolute; left: 0px; top: 0px; transition: all 0s ease 0s; width: 295px; height: 1614px;">
                            </div>
                        </div>
                        <div class="resize-sensor-shrink"
                            style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;">
                            <div style="position: absolute; left: 0; top: 0; transition: 0s; width: 200%; height: 200%">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-9 col-xl-9">

                <div class="filter-info">
                    <div class="row align-items-center">
                        <div class=" d-flex justify-content-between">
                            <form class=" d-flex justify-content-between">
                                <div class="form-group ">
                                    <input type="search" name="search" value="{{ $search }}" class="form-control" style="width: 40vw"
                                        placeholder="Recherche medicament">
                                </div>

                            </form>
                            {{-- <h4 class="widget-title">Médicaments de la pharmacie</h4> --}}

                        </div>
                    </div>
                </div>

                <div class="pro-grid">
                    <div class="row">

                        @foreach ($drugs as $drug)
                            <div class="col-md-6 col-lg-4 d-flex">
                                <div class="prod-widget w-100">
                                    <div class="deal-pro-img">
                                        <div class="deal-pro-tags">
                                            <a href="javascript:void(0);"
                                                class="favourite-icon favourite-icon-filled">
                                                <i class="far fa-heart"></i>
                                            </a>
                                        </div>
                                        <a href="{{route('website.pharmacies.drugs.details', $drug->id)}}">
                                            <img src="{{asset($drug->image ?? "no-image.png")}}" alt=""
                                                class="img-fluid">
                                        </a>
                                    </div>
                                    <div class="deal-pro-detail">
                                        <h6>{{$drug->posologie ?? "non posologie"}}</h6>
                                        <h4><a href="{{route('website.pharmacies.drugs.details', $drug->id)}}">{{$drug->speciality_name}}</a></h4>
                                        <h2>{{$drug->price}} Fcfa </h2>

                                        <div class=" d-flex justify-content-between">
                                            <a href="{{route('website.pharmacies.drugs.details', $drug->id)}}" class="btn book-btn"><img
                                                src="{{asset('assets/frontoffice/img/icons/cart-icon.svg')}}" alt=""
                                                class="d-inline-block me-1"> Acheter</a>
                                                <a href="{{route('patient.drugs.cart.add.soft', $drug->id)}}" class="btn book-btn"><i class="fa fa-plus"></i> Panier</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach




                    </div>
                </div>

                <div class="col-md-12 text-center">
                    {!! $drugs->links() !!}
                </div>

            </div>
        </div>

    </div>
</div>

@include('website.includes.part.footer')
@endsection