@extends('web.layouts.app')

@section('content')
@push('css')
<meta name="description" content="
@foreach ($project->keywords as $keyword)
    {{ $keyword }} ,
@endforeach
">
@endpush
<!-- start heeder -->
@include('web.layouts.header')
<!-- end heeder -->


<!-- start app -->
<main id="app">

    <section class="main-project-details">

        <!-- start slider prodect details -->
        <div class="owl-carousel owl-theme maincarousel" id="slider-pr">

            @foreach ($project->images as $image)

            <div class="item">
                <div class="imgsilder-project-details">
                    <img src="{{ $image->image }}" alt="">
                </div>

            </div>

            @endforeach

        </div>
        <!-- end slider prodect details -->


        <div class="project-details">
            <div class="main-container">
                <div class="row">
                    <div class="col-lg-6">

                        <div class="text-project-details">
                            <h2>{{ $project->title }}</h2>
                            <p> {{ $project->desc }} </p>
                        </div>

                    </div>


                    <div class="col-lg-6">
                        <table class="table table-bordered">

                            <tbody>

                                <tr>
                                    <th> <span class="title-table"> {{ awtTrans('Location') }} </span> </th>
                                    <td><span class="title-table">{{ awtTrans('Client') }}</span></td>
                                    <td><span class="title-table">{{ awtTrans('Completion Date') }} </span></td>
                                </tr>
                                <tr>
                                    <th> <span> {{ $project->address }} </span></th>
                                    <td> <span class="img-table"> {{ $project->company->name }} <img src="{{ $project->company->photo }}" alt=""></span></td>
                                    <td><span>{{ $project->completion_date->format('M d, Y') }}</span></td>
                                </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>


        <div class="client-project-details">
            <div class="main-container">
                <div class="title-client-project">
                    <h2> {{ awtTrans('Client Testimonials') }} </h2>
                </div>
                <div class="sub-our-client-index">
                    <div class="img-our-client-index">
                        <img src="{{ $project->customer->photo }}" alt="">
                    </div>
                    <div class="text-our-client-index">
                        <img src="{{ url('web') }}/images/bxs.png" alt="">
                        <p>{{ $project->customer->pio }}</p>
                        <h2> {{ $project->customer->name }} <span></span></h2>
                        <h4>{{ $project->customer->job_title }}</h4>
                    </div>
                </div>
            </div>
        </div>

    </section>




</main>
<!-- end app -->

@endsection
@push('js')
<script src="{{ url('web/backEnd/service.js') }}"></script>
@endpush