@include('header')

<section class="product-details space-top space-extra-bottom t-margin" style="background: #f6f6f6;">
    <div class="container">
        <div class="row gx-60">
            <div class="col-lg-6">
                <div class="product-big-img">
                    <div class="img">
                        <img src="{{ asset('uploads/products/' . $products->img) }}" alt="{{ $products->brand_name }}">
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="product-about">
                    <h2 class="product-title">{{$products->brand_name}}</h2>

                    <table class="table1" style="width:100%;">
                        <tbody><tr><td>Generic Name</td><td style="text-align:center;">:</td><td>{!! \App\Models\Generic::where('id', $products->generic_name)->value('name') !!} </td></tr>
                        <tr><td>Dosage Form</td><td style="text-align:center;">:</td><td>{{$products->dosage_form}}</td></tr>
                        <tr><td>Therapeutic Category</td><td style="text-align:center;">:</td><td>{!! \App\Models\Therapeutic::where('id', $products->therapeutic)->value('name') !!} </td></tr>
                        </tbody>
                    </table>

                    <div class="actions">
                    <span style="font-weight: bold;">PRESCRIBING INFORMATION</span>

  <div style="display: flex; flex-wrap: wrap; gap: 12px; align-items: center; font-family: Arial, sans-serif;">


    <!-- Open PDF in New Tab -->
    <a href="{{ asset('uploads/products/' . $products->pdf) }}"
       target="_blank"
       rel="noopener noreferrer"
       class="th-btn"
       style="display: inline-flex; align-items: center; gap: 6px;">
        <i class="fa-solid fa-arrow-up-right-from-square"></i>
        Open
    </a>

    <!-- Download PDF -->
    <a href="{{ asset('uploads/products/' . $products->pdf) }}"
       download
       class="th-btn"
       style="display: inline-flex; align-items: center; gap: 6px;">
        <i class="fa-solid fa-download"></i>
        Download
    </a>

</div>

                       
                    </div>

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

    </div>
</section>
@include('footer')