@extends('website.layouts.master')

@section('title')
    Project Details
@endsection

@section('content')

    <div style="height: 120px;"></div>

    <!-- ============================================================== -->
    <!-- project Details Page -->
    <!-- ============================================================== -->
    <div class="container project-details-wrapper">
        <!-- Title -->
        <h3 class="my-5 text-center service-title">
            {{App::getLocale() == 'ar'? $project->name_ar : $project->name_en}}
        </h3>
        <!-- Slider -->
        <div class="swiper-container project-slider">
            <!-- swiper slides -->
            <div class="swiper-wrapper">
                <div class="swiper-slide"
                     style="background-image: url('{{asset('dashboard/assets/img/uploads/projects/'.$project->image)}}');">
                </div>

                {{--                <div class="swiper-slide"--}}
{{--                     style="background-image: url(https://images.unsplash.com/photo-1557804506-669a67965ba0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=967&q=80);">--}}
{{--                </div>--}}
{{--                <div class="swiper-slide"--}}
{{--                     style="background-image: url(https://images.unsplash.com/photo-1557804506-669a67965ba0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=967&q=80);">--}}
{{--                </div>--}}
            </div>
            <!-- !swiper slides -->

{{--            <!-- next / prev arrows -->--}}
{{--            <div class="swiper-button-next"></div>--}}
{{--            <div class="swiper-button-prev"></div>--}}
{{--            <!-- !next / prev arrows -->--}}

{{--            <!-- pagination dots -->--}}
{{--            <div class="swiper-pagination"></div>--}}
{{--            <!-- !pagination dots -->--}}
        </div>
        <!-- Text -->
        <p class="service-text">{!!App::getLocale() == 'ar'? $project->description_ar : $project->description_en!!}</p>

{{--        <div class="text-center">--}}
{{--            <button  data-toggle="modal" data-target="#exampleModal2" style="background-color: #0fae9a; border-color: #0fae9a;" class="btn px-5 mt-4 btn-lg btn-success">--}}
{{--                Order Now--}}
{{--            </button>--}}
{{--        </div>--}}
    </div>
{{--    @endforeach--}}

    <!-- ============================================================== -->
    <!-- Services Details Page End -->
    <!-- ============================================================== -->

    <div style="height: 120px;"></div>

{{--    <!-- ============================================================== -->--}}
{{--    <!-- Get Order Modal -->--}}
{{--    <!-- ============================================================== -->--}}
{{--    <!-- Modal -->--}}
{{--    <div class="modal fade get-quotation-modal" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel"--}}
{{--         aria-hidden="true">--}}
{{--        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">--}}
{{--            <div class="modal-content">--}}
{{--                <div class="modal-header">--}}
{{--                    <h5 class="modal-title" id="exampleModalLabel">Order Now</h5>--}}
{{--                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">--}}
{{--                        <span aria-hidden="true">&times;</span>--}}
{{--                    </button>--}}
{{--                </div>--}}
{{--                <div class="modal-body">--}}
{{--                    <form>--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="exampleInputEmail1">Email address</label>--}}
{{--                            <input type="email" class="form-control border" id="exampleInputEmail1"--}}
{{--                                   aria-describedby="emailHelp">--}}
{{--                        </div>--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="exampleInputPassword1">Name</label>--}}
{{--                            <input type="text" class="form-control border" id="exampleInputPassword1">--}}
{{--                        </div>--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="exampleInputPhone">Phone</label>--}}
{{--                            <input type="tel" class="form-control border" id="exampleInputPhone">--}}
{{--                        </div>--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="exampleFormControlTextarea1">Message</label>--}}
{{--                            <textarea class="form-control border" id="exampleFormControlTextarea1" rows="3"></textarea>--}}
{{--                        </div>--}}
{{--                    </form>--}}
{{--                </div>--}}
{{--                <div class="modal-footer">--}}
{{--                    <!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> -->--}}
{{--                    <button type="button" class="btn btn-primary btn-lg px-5 mx-auto">SEND</button>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--    <!-- ============================================================== -->--}}
{{--    <!-- Get Order Modal End-->--}}
{{--    <!-- ============================================================== -->--}}

@endsection

@section('js')
@endsection