@extends('website.layouts.master')
@section('content')
    <div class="special_slider">
        <div class="owl-carousel owl-theme" id="special-slider">
            <div class="item">
                <img src="{{asset('website/images/slider.png')}}" alt="">
            </div>
            <div class="item">
                <img src="{{asset('website/images/slider.png')}}" alt="">
            </div>
            <div class="item">
                <img src="{{asset('website/images/slider.png')}}" alt="">
            </div>
        </div>
    </div>

    <div class="special_content">
        <!-- Start Banar -->
        <div class="banar special-banar text-center">
            <div class="info" data-aos-delay="200" data-aos-duration="800" data-aos="fade-up">
{{--                <img src="{{asset($service->image)}}" alt="{{$service->name}}">--}}
                <h1 class="mt-4">{{trans('sidebar.search_results').' '.request()->get('name')}}</h1>
            </div>
        </div>
        <!-- End Banar -->
        <!-- ================================================= -->
        <!-- Start Services -->
        <div class="services mb-5">
            <div class="container">
                <div class="row">
                    @foreach($data as $tr)
                        <div class="col-lg-3 col-md-6 text-center mb-4" data-aos-delay="200" data-aos-duration="800" data-aos="fade-up">
                            <a href="{{route('transactions.show',[$tr->service_id,$tr->id])}}" class="box">
                                <img src="{{asset($tr->image)}}" alt="{{$tr->name}}">
                                <div class="name">{{$tr->name}}</div>
                                <div class="sub_name">{{\App\Service::find($tr->service_id)->name}}</div>
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        <!-- End Services -->
    </div>
@endsection