@extends('web.layouts.main')
@section('content')

<main>
        <!-- Start Header -->
        <header class="header section" data-scroll-index="0">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="img_box">
                            <img src="{{asset($banner->image)}}" alt="" class="phone_img wow swing-in-right-fwd "/>
                            <img src="{{url('')}}/assets/web/images/header_vector_1.svg" alt="" class="vector_1 "/>
                            <img src="{{url('')}}/assets/web/images/header_vector_2.svg" alt="" class="vector_2"/>
                            <img src="{{url('')}}/assets/web/images/header_vector_3.svg" alt="" class="vector_3"/>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="text_box mb-5 pb-5 wow text-focus-in">
                            <h4 class="subtitle color-secondary mb-3">{{__('web.project')}}</h4>
                            <h1 class="title text-white mb-4">
                                <b>{!! $banner->descriptions()->title !!}</b> <br>
                                
                            </h1>
                            <p class="p col-md-11">
                                {!! $banner->descriptions()->description !!}
                            </p>
                            <div class="down_links mt-5">
                                <a href="{{settings('google_play')}}" target='_blank'>
                                    <img src="{{url('')}}/assets/web/images/icons/down_play.svg" alt="" class="down_img"/>
                                </a>
                                <a href="{{settings('apple_store')}}" target='_blank'>
                                    <img src="{{url('')}}/assets/web/images/icons/down_apple.svg" alt="" class="down_img"/>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <img src="{{url('')}}/assets/web/images/shape-1.png" alt="" class="shape_1"/>
            <img src="{{url('')}}/assets/web/images/shape-2.png" alt="" class="shape_2 wow fadeInDown"/>
        </header>

<form action="{{ route('upload-photo') }}" method="POST" enctype="multipart/form-data">
    @csrf
    <label for="photo">Choose Photo:</label>
    <input type="file" name="photo" id="photo" required>
    <button type="submit">Upload</button>
</form>
        <!-- Start about-sec -->
        <section class="about-sec section" data-scroll-index="1" id="aboutus">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="text_box wow fadeInUp">
                            <h4 class="subtitle color-secondary mb-3">{{__('web.logo')}}  </h4>
                            <h1 class="title color-primary mb-4">
                                {!! $aboutus->descriptions()->title !!}
                            </h1>
                            <p class="p col-md-11">
                            {!! $aboutus->descriptions()->description !!}
                            </p>

                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="img_box">
                            <img src="{{asset($aboutus->image)}}" alt="" class="sec-img wow swing-in-left-fwd "/>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Start about-cards -->
        <section class="about-cards section bg-light">
            <div class="container">
                <h1 class="sec_title text-center mb-5 fw-bold wow fadeInUp">{{__('web.about')}} <span class="color-secondary">{{__('web.about_company')}}</span></h1>
                <div class="row">
                    @foreach($abouts as $about)
                    <div class="col-lg-4">
                        <div class="about_card wow fadeInLeft">
                            <div class="icon_outer">
                                <img src="{{asset($about->image)}}" alt="" class="icon zi-5"/>
                            </div>
                            <div class="card-body">
                                <h4 class="title color-primary fw-bold mb-4">{!! $about->descriptions()->title !!}</h4>
                                <p class="p mb-0">
                                    {!! $about->descriptions()->description !!}
                                </p>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </section>

        <!-- Start statics-sec -->
        <section class="statics-sec section">
            <div class="container">
                <img src="{{url('')}}/assets/web/images/icons/statics-1.svg" alt="" class="statics_icon filterPrimary wow zoomIn"/>
                <h1 class="sec_title text-center mb-5 fw-bold wow fadeInUp">{{__('web.numbers')}}  <span class="color-secondary"> {{__('web.honors')}}  </span></h1>
                <div class="row">
                    <div class="col-lg-4">
                        <div class="static_item wow fadeInUp">
                            <h1 class="num"><span class="counter">{{$orders}}</span> +</h1>
                            <h4 class="label">{{__('web.count_orders')}}</h4>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="static_item wow fadeInUp" data-wow-delay=".2s">
                            <h1 class="num"><span class="counter">{{$visits}}</span> </h1>
                            <h4 class="label">{{__('web.count_visits')}}</h4>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="static_item wow fadeInUp" data-wow-delay=".4s">
                            <h1 class="num"><span class="counter">{{$clients}}</span> </h1>
                            <h4 class="label">  {{__('web.count_members')}}    </h4>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Start services-sec -->
        <section class="services-sec section bg-light">
            <div class="container">
                <h1 class="sec_title text-center mb-5 fw-bold wow fadeInUp">{{__('web.what')}}   <span class="color-secondary"> {{__('web.provide')}}  </span></h1>
                <div class="row">
                    @foreach($provides as $provide)
                    <div class="col-lg-4">
                        <div class="service_card wow fadeInRight">
                            <img src="{{asset($provide->image)}}" alt="" class="icon"/>
                            <div class="card-body">
                                <h4 class="title fw-bold mb-4">{!! $provide->descriptions()->title !!}</h4>
                                <p class="p">
                                    {!! $provide->descriptions()->description !!}
                                </p>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </section>

        <!-- Start partners-sec -->
        <section class="partners-sec section" id="aboutus">
            <div class="container">
                <h1 class="sec_title text-center mb-5 fw-bold wow fadeInDown ">{{__('web.partners')}}    <span class="color-secondary"> {{__('web.successful')}}  </span></h1>
                <div class="swiper-container partners_swiper wow fadeInUp">
                    <div class="swiper-wrapper">
                        @foreach($partners as $partner)
                        <div class="swiper-slide">
                            <div class="partner_card">
                                <img src="{{asset($partner->image)}}" alt="" class="partner_logo"/>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
            <!-- Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </section>

        <!-- Start section -->
        <section class="feedback-sec section" data-scroll-index="2" id="reviews">
            <div class="container">
                <h1 class="sec_title text-center mb-5 fw-bold wow fadeInDown "> {{__('web.reviews')}}    <span class="color-secondary"> {{__('web.clients')}}  </span></h1>

                <div class="swiper-container feedback_swiper wow fadeInUp">
                    <div class="swiper-wrapper pb-5">
                        @foreach($reviews as $review)
                        <div class="swiper-slide">
                            <div class="feedback_card">
                                <div class="head mb-4 d-flex align-items-center">
                                    <img src="{{asset($review->image)}}" alt="" class="avatar"/>
                                    <div class="content">
                                        <h4 class="name fw-bold mb-2">{{$review->descriptions()->user}}</h4>
                                        <p class="job mb-0">{{$review->descriptions()->job}}</p>
                                    </div>
                                
                                </div>
                                <p class="p mb-0">
                                {{$review->descriptions()->description}}
                                </p>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </section>

        <!-- Start app-sec -->
        <section class="app-sec section bg-light" data-scroll-index="3" id="app">
            <div class="container">
                <h1 class="sec_title text-center mb-5 fw-bold  wow fadeInDown">{{__('web.images')}}     <span class="color-secondary"> {{__('web.app')}}  </span></h1>
                <div class="swiper-container app_swiper py-4  wow fadeInUp">
                    <div class="swiper-wrapper">
                        @foreach($apps as $app)
                        <div class="swiper-slide">
                            <div class="img_box">
                                <img src="{{asset($app->image)}}" alt="" class="screen_img"/>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
                <img src="{{url('')}}/assets/web/images/phone_frame.png" alt="" class="frame wow fadeIn"/>
            </div>
        </section>

        <!-- Start contact-sec -->
        <section class="contact-sec section" data-scroll-index="4" id="contactus">
            <div class="container">
                <h1 class="sec_title text-center mb-5 fw-bold wow fadeInUp">{{__('web.contact')}}      <span class="color-secondary"> {{__('web.us')}}  </span></h1>
                <div class="row">
                    <div class="col-lg-6 px-0">
                        <div class="contact_box h-100 wow fadeInRight">
                            <h2 class="sec_title mb-5 fw-bold">{{__('web.info')}} <span class="color-secondary"> {{__('web.the_contact')}}  </span></h2>
                            <div class="item">
                                <h5 class="label fw-bold">{{__('web.address')}}</h5>
                                <p class="data">
                                    {{settings('address')}}
                                </p>
                            </div>
                            <div class="item">
                                <h5 class="label fw-bold">{{__('web.phone')}}</h5>
                                <p class="data">
                                    {{settings('phone')}}
                                </p>
                            </div>
                            <div class="item">
                                <h5 class="label fw-bold">{{__('web.email')}}</h5>
                                <p class="data">
                                    {{settings('email')}}
                                </p>
                            </div>
                            <div class="item">
                                <h5 class="label fw-bold">  {{__('web.follow_us')}}</h5>
                                <div class="social_links">
                                    <a href="{{settings('instagram')}}" target="_blank">
                                        <img src="{{url('')}}/assets/web/images/icons/instagram.svg" alt="" class="icon"/>
                                    </a>
                                    <a href="{{settings('twitter')}}" target="_blank">
                                        <img src="{{url('')}}/assets/web/images/icons/twitter.svg" alt="" class="icon"/>
                                    </a>
                                    <a href="{{settings('facebook')}}" target="_blank">
                                        <img src="{{url('')}}/assets/web/images/icons/fb.svg" alt="" class="icon"/>
                                    </a>
                                    <a href="{{settings('tiktok')}}" target="_blank">
                                        <img src="{{url('')}}/assets/web/images/icons/tiktok.png" alt="" class="icon"/>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 px-0">
                        <div class="form_box wow fadeInLeft">
                            <h2 class="sec_title mb-5 fw-bold">   {{__('web.send')}}     <span class="color-secondary"> {{__('web.message')}}  </span></h2>
                            <form method="post" action="{{url(getCurrentLocale().'/contact')}}" onsubmit="saveForm(this)">
                                @CSRF
                                <div class="form-group mb-4">
                                    <input class="form-control" name="name" placeholder="{{__('web.name')}}" type="text"/>
                                </div>
                                <div class="form-group mb-4">
                                    <input class="form-control" name="email" placeholder="{{__('web.email')}}" type="email"/>
                                </div>
                                <div class="form-group mb-4">
                                    <input class="form-control" name="phone" placeholder="{{__('web.phone')}}" type="number"/>
                                </div>
                                <div class="form-group mb-4">
                                    <input class="form-control" name="subject" placeholder="{{__('web.subject')}}" type="text"/>
                                </div>
                                <div class="form-group mb-4">
                                    <textarea class="form-control" name="message" placeholder="{{__('web.message')}}" rows="7"></textarea>
                                </div>
                                <button class="butn primary_butn circle_butn mt-4">
                                    <span class="zi-5"> <i class="bi bi-arrow-right me-0 me-2"></i> {{__('web.send')}}   </span>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
    
@stop