@extends('front.layouts.app')
@section('meta_seo')

<meta name="keywords" content="{{$project->meta_keywords}}">
<meta name="description" content="{{$project->meta_content}}">
@endsection
@section('content')

<section class="case-sec">
    <div class="container">
        
        <div class="container tools-cont">
            {!! $project->description !!}
        </div>
        <div class="sec-top-wr">
            @foreach($project->Files()->get() as $img)
            <div class="pic-wr">
                <img src="{{getImage($img->name)}}" alt="">
            </div>
            @endforeach
            <div class="case-icons">
                <div class="btn-wr d-block d-md-none" id="hide-soc-btn">
                    <a type="button" class="btn">
                        <i data-feather="x"></i>
                    </a>
                </div>
                <!-- <div class="soc-item">
                    <a href="" style="background:#2C4A88;">
                        <i data-feather="share-2"></i>
                    </a>
                    <div class="text">Share</div>
                </div> -->
                <div class="soc-item">
                    <!--<a href="https://api.whatsapp.com/send?phone={{getSettingValue('whatsapp')}}&text=#{{$project->title}}, " style="background:#00A884;">-->
                    <a href="{{getSettingValue('whatsapp')}}" style="background:#00A884;">
                        <i class="fab fa-whatsapp"></i>
                    </a>
                    <div class="text">{{__('front.project-Contac Us')}}</div>
                </div>
                @if(!empty( $project->term4))
                <div class="soc-item">
                    <a href="{{$project->term4}}" target="_blank" style="background:#2C4A88;">
                        <i data-feather="link"></i>
                    </a>
                    <div class="text">{{__('front.project-Visit Site')}}</div>
                </div>
                @endif
                @if(!empty( $project->term1))
                <div class="soc-item">
                    <a href="{{$project->term1}}" target="_blank" style="background:#438553;">
                        <i class="fab fa-google-play"></i>
                    </a>
                    <div class="text">{{__('front.project-Google Play')}}</div>
                </div>
                @endif
                @if(!empty( $project->term2))
                <div class="soc-item">
                    <a href="{{$project->term2}}" target="_blank" style="background:#000000;">
                        <i class="fab fa-apple"></i>
                    </a>
                    <div class="text">{{__('front.project-App Store')}}</div>
                </div>
                @endif
                @if(!empty( $project->term3))
                <div class="soc-item">
                    <a href="{{$project->term3}}" target="_blank" style="background:#0057FF;">
                        <i class="fab fa-behance"></i>
                    </a>
                    <div class="text">{{__('front.project-Behance')}}</div>
                </div>
            </div>
                @endif
            <!-- <a type="button" class="abs-btn d-block d-md-none" id="show-soc-btn">
                <i data-feather="share-2"></i>
                <i data-feather="info"></i>
            </a> -->
        </div>
        <div class="container">
            <div class="row next-prev-wr">
                @if($prev = \App\Models\Project::where('id', '<', $project->id)->orderBy('id', 'desc')->first() )
                <a href="{{route('page.project', $prev->slug)}}" class="col-lg-5">
                    <div class="go-card">
                        <div class="img-wr">
                            <img src="{{getImage($prev->home_image)}}" alt="">
                        </div>
                        <div class="info">
                            <div class="lbl">{{__('front.project-Previous Project')}}</div>
                            <div class="name">{{$prev->title}}</div>
                        </div>
                    </div>
                </a>
                @endif

                <div class="col-lg-2">
                    <div class="show-all-card">
                        <a href="{{route('page.projects')}}" class="showall">
                            <i class="fas fa-th"></i>
                            <div>{{__('front.project-All Projects')}}</div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-5">
                @if($next = \App\Models\Project::where('id', '>', $project->id)->orderBy('id', 'asc')->first() )
                
                    <a href="{{route('page.project', $next->slug)}}" class="go-card">
                        <div class="img-wr">
                            <img src="{{getImage($next->home_image)}}" alt="">
                        </div>
                        <div class="info">
                            <div class="lbl">{{__('front.project-Next Project')}}</div>
                            <div class="name">{{$next->title}}</div>
                        </div>
                    </a>
                    @endif
                </div>

            </div>
        </div>
    </div>
</section>
@endsection

@section('js')

@endsection