@extends('web.layouts.container')

@section('header')
    <section class="inner_header">
        <div class="inner_back">
            <img src="{{asset($detail->header_image)}}" alt="">
        </div>
        <div class="inner_info">
            <div class="container h-100">
                <div class="row align-items-end h-100">
                    <div class="col-lg-5 offset-lg-6">
                        <div class="about_head_info sig_head">
                            <p>{!! $detail->header_description !!}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('content')
    <section class="sig_project section_padding">
        <div class="container">
            <div class="section_head">
                <h3>{{__('projects.head')}}</h3>
            </div>
        </div>
        <div class="text_back m-0">
            <div class="container">
                <p>{!! $detail->description !!}</p>
            </div>
        </div>
    </section>
    @if(count($page))
        <section class="proj_det">
            @foreach($page as $project)
                @if($loop->odd)
                    <div class="proj_item">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-6 mob_order_2">
                                    <div class="info">
                                        <div class="logo_img text-right">
                                            <img src="{{asset($project->company_image ?? $project->company_logo ?? 'assets/web/images/proj/logo.png')}}" alt="">
                                        </div>
                                        <div class="cont">
                                            <h3 class="title">{{$project->title}}</h3>
                                            <div class="date_plc">
                                                <div class="itm">
                                                    <i class="fas fa-map-marker-alt"></i>
                                                    <span>{{$project->city}}</span>
                                                </div>
                                                <div class="itm">
                                                    <i class="fas fa-calendar-alt"></i>
                                                    <span>{{$project->start_year.'-'}}{{$project->end_year ? $project->end_year : __('projects.present')}}</span>
                                                </div>
                                            </div>
                                            <div class="discr">{!! stripText($project->description) !!}</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="img">
                                        <img src="{{asset($project->image)}}" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
                @if($loop->even)
                    <div class="proj_item back_proj">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="img">
                                        <img src="{{asset($project->image)}}" alt="">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="info">
                                        <div class="logo_img text-right">
                                            <img src="{{asset($project->company_image ?? $project->company_logo ?? 'assets/web/images/proj/logo.png')}}" alt="">
                                        </div>
                                        <div class="cont">
                                            <h3 class="title">{{$project->title}}</h3>
                                            <div class="date_plc">
                                                <div class="itm">
                                                    <i class="fas fa-map-marker-alt"></i>
                                                    <span>{{$project->city}}</span>
                                                </div>
                                                <div class="itm">
                                                    <i class="fas fa-calendar-alt"></i>
                                                    <span>{{$project->start_year.'-'}}{{$project->end_year ? $project->end_year : __('projects.present')}}</span>
                                                </div>
                                            </div>
                                            <div class="discr">{!! stripText($project->description) !!}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            @endforeach
        </section>
    @endif

@endsection

@section('inner_js')

@endsection