@extends('User.layouts.layout')
@section('breadcrumb',__('messages.clients'))
@section('left_image',$setting['client_image'])
@section('contents')

@if (count($Main_Clients))
        <div class="portfolio my-4">
            <div class="">
                <nav>
                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                        <button class="nav-link active" id="nav-allC-tab" data-bs-toggle="tab" data-bs-target="#nav-allC" type="button" role="tab" aria-controls="nav-allC" aria-selected="false">{{ trans('messages.all') }}</button>
                        @foreach ($Main_Clients as $Category)
                        <button class="nav-link" id="nav-{{ str_replace(' ', '-', $Category['title_en']) }}-tab" data-bs-toggle="tab" data-bs-target="#nav-{{ str_replace(' ', '-', $Category['title_en']) }}" type="button" role="tab" aria-controls="nav-{{ str_replace(' ', '-', $Category['title_en']) }}" aria-selected="false">{{ ($Category['title_'.lang()]) }}</button>
                        @endforeach
                    </div>
                </nav>
                <div class="tab-content" id="nav-tabContent">
                    <div class="tab-pane fade show active" id="nav-allC" role="tabpanel" aria-labelledby="nav-allC-tab">
                        <div class="row">
                            @foreach ($Main_Clients->take(5) as $Category)
                                @foreach ($Category->Clients as $Project)
                                    <div class="col-12 col-lg-3 my-3">
                                        <div class="position-relative point shadow rounded overflow-hidden  text-center" >
                                            <img loading="lazy" src="{{ asset($Project['image']) }}" class="img-fluid" alt="{{ $Project['title_'.lang()] }}" style="height: 250px;padding: 25px;">
                                            <div class="in_port transition-me">
                                                <div class="w-100 h-100 d-flex align-items-center justify-content-center">
                                                    <div onclick="window.open('{{ route('user.project_details',[str_replace(' ', '-', ($Project['title_'.lang()])),'lang' => app()->getLocale()]) }}','_self')">
                                                        <span class="second_color more_bold tiny_font">{{ ($Project['title_'.lang()]) }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            @endforeach
                        </div>
                    </div>
                    @foreach ($Main_Clients->take(5) as $Category)
                        <div class="tab-pane fade" id="nav-{{ str_replace(' ', '-', $Category['title_en']) }}" role="tabpanel" aria-labelledby="nav-{{ str_replace(' ', '-', $Category['title_en']) }}-tab">
                            <div class="row mt-4">
                                @foreach ($Category->Clients as $Project)
                                    <div class="col-12 col-lg-3">
                                        <div class="position-relative point shadow rounded overflow-hidden  text-center" >
                                            <img loading="lazy" src="{{ asset($Project['image']) }}" class="img-fluid" alt="{{ $Project['title_'.lang()] }}" style="height: 250px;padding: 25px;">
                                            <div class="in_port transition-me">
                                                <div class="w-100 h-100 d-flex align-items-center justify-content-center">
                                                    <div onclick="window.open('{{ route('user.project_details',[str_replace(' ', '-', ($Project['title_'.lang()])),'lang' => app()->getLocale()]) }}','_self')">
                                                        <span class="second_color more_bold tiny_font">{{ ($Project['title_'.lang()]) }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    @endif
@endsection