@extends('layouts.site')
@section('title')
Devweb Technology Our Work
@endsection
@section('site')
    <div class="main">
        <section
            class="page-header-modern custom-page-header bg-color-primary"data-bg-src="{{ asset('assets/img/demos/business-consulting-3/backgrounds/background-5.jpg.jpg') }}"
            style="background-size: cover; background-position: center;">
            <div class="container container-xl-custom py-2">
                <div class="row">
                    <div class="col-md-8 order-2 order-md-1 align-self-center p-static">
                        <h1 class="font-weight-extra-bold text-12 appear-animation"
                            data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200"
                            style="color:white;">Workfolio</h1>
                    </div>
                    <div class="col-md-4 order-1 order-md-2 align-self-center">
                        <ul class="breadcrumb d-block text-md-end breadcrumb-light appear-animation"
                            data-appear-animation="fadeInRightShorter" data-appear-animation-delay="400">
                            <li><a href="{{ route('home') }}">Home</a></li>
                            <li class="active">Workfolio</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <br>
        <br>
        <div class="container">
            <div class="row pt-0 pb-0">
                <div class="col-md-4">
                    {{-- <h3 class="font-weight-semibold text-9 text-capitalize mb-2">Our Product</h3> --}}
                    <div class="divider divider-small mt-0 mb-4">
                        {{-- <hr class="bg-primary"> --}}
                    </div>
                </div>
                <div class="container">
                    <div class="row pt-0 pb-1 mb-2">
                        <div class="col">
                            <ul class="nav nav-pills-center">
                                <li class="btn scolor text-white border pb-0 pl-0 pr-1 pt-1">
                                    <a class="nav-link btn btn-light btn btn-outline btn-primary rounded-0 mb-2 "
                                        href="{{ route('site.our-work') }}">Show all
                                    </a>
                                </li>
                                @foreach ($foliocats as $foliocat)
                                    <li class="btn scolor text-white border pb-0 pl-0 pr-1 pt-1">
                                        <a class="nav-link btn btn-light btn btn-outline btn-primary rounded-0 mb-2 "
                                            href="{{ route('site.logo', $foliocat->work_url) }}">{{ $foliocat->category_name }}
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                        <div class="container mt-2">

                        </div>
                        <div class="container mt-5">
                            <div class="row portfolio-list sort-destination" data-sort-id="portfolio">

                                @foreach ($foliosubs as $foliosub)
                                    <div class="col-sm-6 col-lg-3 isotope-item">
                                        <div class="portfolio-item">
                                            <a href="{{ route('site.logo-detail', $foliosub->work_url) }}">
                                                <span class="thumb-info thumb-info-lighten border-radius-0">
                                                    <span class="thumb-info-wrapper border-radius-0">
                                                        <img src="{{ asset('storage/uploads/foliosub'). '/' .$foliosub->image }}"
                                                            class="img-fluid border-radius-0"
                                                            alt="{{ $foliosub->alt }}">
                                                        <span class="thumb-info-title">
                                                            <span
                                                                class="thumb-info-inner">{{ $foliosub->name }}</span>
                                                            <span class="thumb-info-type"
                                                                style="background-color:#f04c23;">{{ $foliosub->company_name }}</span>
                                                        </span>
                                                        <span class="thumb-info-action">
                                                            <span class="thumb-info-action-icon bg-dark opacity-8"><i
                                                                    class="fas fa-plus"></i></span>
                                                        </span>
                                                    </span>
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    @endsection