@extends('frontend.layouts.main')

@section('title','Write to CSV Pharmaceuticals for Quality, Process and Quotations')

@section('content')
    
      @php
        $categoryName = strtolower($category->category ?? '');
        //print_r($categoryName);die();
        $videoConfig = match ($categoryName) {
            'fine perfume' => ['file' => 'FINE PERFUME.mp4', 'position' => 'fine_perfume'],
            'candle fragrance' => ['file' => 'Candle fragrance.mp4', 'position' => 'candle_fragrance'],
            'attar of oudh' => ['file' => 'Attar of oudh.mp4', 'position' => 'attar_of_oudh'],
            'agarbatti / incense stick' => ['file' => 'Agarbatti & incense.mp4', 'position' => 'agarbatti'],
            'cream & moisturizer' => ['file' => 'cREAM &.mp4', 'position' => 'cream_moisturizer'],
            'shampoo' => ['file' => 'shampoo.mp4', 'position' => 'shampoo'],
            'hand wash' => ['file' => 'handwash.mp4', 'position' => 'hand_wash'],
            'hair oil' => ['file' => 'Hair oil.mp4', 'position' => 'hair_oil'],
            'soap' => ['file' => 'SOAP.mp4', 'position' => 'soap'],
            'face wash' => ['file' => 'Facewash.mp4', 'position' => 'face_wash'],
            'detergent' => ['file' => 'Detergenrt.mp4', 'position' => 'detergent'],
            default => null,
        };
        
    @endphp
    
    <div class="theme-inner-banner">
       <div class="bg position-relative breadcrumb_banner" style="overflow: hidden;">
            <!-- Video background below -->
            <div class="bg position-relative" style="overflow: hidden;">
               <video autoplay muted loop playsinline
                class="position-absolute top-50 start-50 translate-middle min-w-100 min-h-100"
                style="object-fit: cover;width:100%">
                <source src="{{ asset('storage/videos/fragrance.mp4') }}" type="video/mp4">
                Your browser does not support the video tag.
            </video>
            </div>
        </div>
        <div class="container">
            <div class="clearfix">
                <ul class="float-left">
                    <li><a href="{{ route('home') }}" class="tran3s">Home</a></li>
                    <li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
                    <li>Fragrances</li>
                </ul>
            </div>
        </div>
    </div>

    <section class="service-style-two service-inner-page">
        <div class="container">
            <div class="row">
                <div class="clearfix">
                    <div class="services-wrapper">
                    @foreach($fragrances_categories as $category)
                    
                        <div class="single-service tran3s">
                            <img src="{{ asset($category->image) }}" alt="{{ $category->category }}" title="{{ $category->category }}" />
                            <div class="text">
                                <h5><a href="{{ route('fragrance-products',$category->slug) }}" class="tran3s">{{ $category->category }}</a></h5>
                                <p>{{ $category->brief }} </p>
                                <a href="{{ route('fragrance-products',$category->slug) }}" class="tran3s read-more hvr-icon-wobble-horizontal">View Products<i class="fa fa-caret-right" aria-hidden="true"></i></a>
                            </div>
                        </div>
                    
                    @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>


    
@endsection