@extends('layouts.web.app')
@section('page_title')
    @lang('site.home')
@endsection
@section('content')

        <!-- Home Slider -->
        <div class="home-slider-area">
            <div class="home-slider owl-theme owl-carousel">
                @foreach($sliders as $slider)
                    <div class="slider-item slider-bg-one" style="background-image: url({{asset('uploads/slider_images/'. $slider->image_background)}});
                    {{--@if( Agent::isMobile() )

                            background-size: cover;height: 813px;

                    @else
                            background-size: contain;height: 813px;
                    @endif--}}
                            ">
                        <div class="d-table">
                            <div class="d-table-cell">
                                <div class="container">
                                    <div class="row align-items-center">
                                        <div class="col-lg-5">
                                            <div class="slider-text">
                                                <h1 style="font-size: 33px;">{{$slider->title}}</h1>
                                                <p style="font-size: 16px;">{{$slider->description}}</p>
                                                <a style="background-color: var(--site_seconde_color) !important" href="{{$slider->link}}">@lang('site.read_more')
                                                    <i class="icofont-arrow-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                        {{--<div class="col-lg-7">
                                            <div class="slider-shape">
                                                <img class="s-s-one" src="{{asset('uploads/slider_images/'.$slider->image)}}" alt="">
                                            </div>
                                        </div>--}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
        <!-- Home Slider -->

        <section class="practice-area practice-area-three pt-100">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-lg-4">
                        <div class="practice-item">
                            {{--<div class="practice-icon">
                                <i class="flaticon-law"></i>
                            </div>--}}
                            <div class="practice-icon">
                                <img src="{{asset('img/law.png')}}" alt="Shape" style="max-height: 41px;margin-bottom: 30px;">  {{--<i class="flaticon-family"></i>--}}
                            </div>
                            <h3>@lang('site.goal_title1')</h3>
                            <p>@lang('site.goal_title1_des')</p>
                            <a href="{{route('about_us')}}">@lang('site.read_more')</a>
                            <img class="practice-shape-one" src="{{asset('web/assets/img/home-one/7.png')}}" alt="Shape">
                            <img class="practice-shape-two" src="{{asset('web/assets/img/home-one/8.png')}}" alt="Shape">
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                        <div class="practice-item">
                            {{--<div class="practice-icon">
                                <i class="flaticon-family"></i>
                            </div>--}}
                            <div class="practice-icon">
                                <img src="{{asset('img/family.png')}}" alt="Shape" style="max-height: 41px;margin-bottom: 30px;">  {{--<i class="flaticon-family"></i>--}}
                            </div>
                            <h3>@lang('site.goal_title2')</h3>
                            <p>@lang('site.goal_title2_des')
                            </p>
                            <a href="{{route('about_us')}}">@lang('site.read_more')</a>
                            <img class="practice-shape-one" src="{{asset('web/assets/img/home-one/7.png')}}" alt="Shape">
                            <img class="practice-shape-two" src="{{asset('web/assets/img/home-one/8.png')}}" alt="Shape">
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                        <div class="practice-item">
                            {{--<div class="practice-icon">
                                <i class="flaticon-inheritance"></i>
                            </div>--}}
                            <div class="practice-icon">
                                <img src="{{asset('img/inheritance.png')}}" alt="Shape" style="max-height: 41px;margin-bottom: 30px;">  {{--<i class="flaticon-family"></i>--}}
                            </div>
                            <h3>@lang('site.goal_title3')</h3>
                            <p>@lang('site.goal_title3_des')
                            </p>
                            <a href="{{route('about_us')}}">@lang('site.read_more')</a>
                            <img class="practice-shape-one" src="{{asset('web/assets/img/home-one/7.png')}}" alt="Shape">
                            <img class="practice-shape-two" src="{{asset('web/assets/img/home-one/8.png')}}" alt="Shape">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Help -->
        <div class="help-area pb-70">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="help-item help-left">
                            <img src="{{asset('uploads/home_images/'.$home[0]->image_help)}}" alt="Help">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="help-item">
                            <div class="help-right">
                                <h2>@lang('site.help_section_title') </h2>
                                <p>@lang('site.help_section_description')</p>
                                <div class="help-inner-left">
                                    <ul>
                                        <li>
                                            <i class="flaticon-checkmark"></i>
                                            @lang('site.help_section_description1')
                                        </li>
                                        <li>
                                            <i class="flaticon-checkmark"></i>
                                            @lang('site.help_section_description2')
                                        </li>
                                    </ul>
                                </div>
                                <div class="help-inner-right">
                                    <ul>
                                        <li>
                                            <i class="flaticon-checkmark"></i>
                                            @lang('site.help_section_description3')
                                        </li>
                                        <li>
                                            <i class="flaticon-checkmark"></i>
                                            @lang('site.help_section_description4')
                                        </li>
                                    </ul>
                                </div>
                                {{--<div class="help-signature">
                                    <img src="{{asset('web/assets/img/home-one/4.png')}}" alt="Signature">
                                </div>--}}
                                <a class="cmn-btn" style="margin-top: 100px;" href="{{route('about_us')}}">@lang('site.read_more')</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="help-shape">
                    <img src="{{asset('uploads/home_images/'.$home[0]->image_help_background)}}" alt="Shape">
                </div>
            </div>
        </div>
        <!-- End Help -->

        <!-- Services -->
        <section class="practice-area pt-100 pb-70">
            <div class="container">
                <div class="section-title">
                    <span>@lang('site.HOW_CAN_WE_HELP_YOU')</span>
                    <h2>@lang('site.Our_Legal_Practices_Areas')</h2>
                </div>
                <div class="row">
                    <div class="col-sm-6 col-lg-4">
                        <div class="practice-item">
                            {{--<div class="practice-icon">
                                <i class="flaticon-law"></i>
                            </div>--}}
                            <div class="practice-icon">
                                <img src="{{asset('img/tahkim.png')}}" alt="Shape" style="max-height: 41px;margin-bottom: 30px;">  {{--<i class="flaticon-family"></i>--}}
                            </div>
                            <h3>@lang('site.Corporate-Tax-and-Bankruptcy-Laws')</h3>
                            {{--<p>@lang('site.Corporate-Tax-and-Bankruptcy-Laws_des')</p>--}}
                            <a href="{{route('Inquiries-about-visa-and-life-in-Turkey')}}">@lang('site.read_more')</a>
                            <img class="practice-shape-one" src="{{asset('web/assets/img/home-one/7.png')}}" alt="Shape">
                            <img class="practice-shape-two" src="{{asset('web/assets/img/home-one/8.png')}}" alt="Shape">
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                        <div class="practice-item">
                            <div class="practice-icon">
                                <img src="{{asset('img/estisharat.png')}}" alt="Shape" style="max-height: 41px;margin-bottom: 30px;">  {{--<i class="flaticon-family"></i>--}}
                            </div>

                            <h3>@lang('site.Real-Estate-and-Tenancy-Laws')</h3>
                            {{--<p>@lang('site.Real-Estate-and-Tenancy-Laws_des')</p>--}}
                            <a href="{{route('Translation')}}">@lang('site.read_more')</a>
                            <img class="practice-shape-one" src="{{asset('web/assets/img/home-one/7.png')}}" alt="Shape">
                            <img class="practice-shape-two" src="{{asset('web/assets/img/home-one/8.png')}}" alt="Shape">
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                        <div class="practice-item">
                            {{--<div class="practice-icon">
                                <i class="flaticon-inheritance"></i>
                            </div>--}}
                            <div class="practice-icon">
                                <img src="{{asset('img/takadi.png')}}" alt="Shape" style="max-height: 41px;margin-bottom: 30px;">  {{--<i class="flaticon-family"></i>--}}
                            </div>
                            <h3>@lang('site.Litigation-and-dispute-settlement')</h3>
                            {{--<p>@lang('site.Real-Estate-and-Tenancy-Laws_des')</p>--}}
                            <a href="{{route('Sikorta')}}">@lang('site.read_more')</a>
                            <img class="practice-shape-one" src="{{asset('web/assets/img/home-one/7.png')}}" alt="Shape">
                            <img class="practice-shape-two" src="{{asset('web/assets/img/home-one/8.png')}}" alt="Shape">
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                        <div class="practice-item">
                            {{--<div class="practice-icon">
                                <i class="flaticon-mortarboard"></i>
                            </div>--}}
                            <div class="practice-icon">
                                <img src="{{asset('img/siyaka.png')}}" alt="Shape" style="max-height: 41px;margin-bottom: 30px;">  {{--<i class="flaticon-family"></i>--}}
                            </div>
                            <h3>@lang('site.Legal-drafting-work')</h3>
                            {{--<p>@lang('site.Real-Estate-and-Tenancy-Laws_des')</p>--}}
                            <a href="{{route('Companies')}}">@lang('site.read_more')</a>
                            <img class="practice-shape-one" src="{{asset('web/assets/img/home-one/7.png')}}" alt="Shape">
                            <img class="practice-shape-two" src="{{asset('web/assets/img/home-one/8.png')}}" alt="Shape">
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                        <div class="practice-item">
                            {{--<div class="practice-icon">
                                <i class="flaticon-vulnerability"></i>
                            </div>--}}
                            <div class="practice-icon">
                                <img src="{{asset('img/taasis.png')}}" alt="Shape" style="max-height: 41px;margin-bottom: 30px;">  {{--<i class="flaticon-family"></i>--}}
                            </div>
                            <h3>@lang('site.Establishing-companies')</h3>
                            {{--<p>@lang('site.Real-Estate-and-Tenancy-Laws_des')</p>--}}
                            <a href="{{route('Legal-advice')}}">@lang('site.read_more')</a>
                            <img class="practice-shape-one" src="{{asset('web/assets/img/home-one/7.png')}}" alt="Shape">
                            <img class="practice-shape-two" src="{{asset('web/assets/img/home-one/8.png')}}" alt="Shape">
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-4">
                        <div class="practice-item">
                            {{--<div class="practice-icon">
                                <i class="flaticon-vulnerability"></i>
                            </div>--}}
                            <div class="practice-icon">
                                <img src="{{asset('img/taasis.png')}}" alt="Shape" style="max-height: 41px;margin-bottom: 30px;">  {{--<i class="flaticon-family"></i>--}}
                            </div>
                            <h3>@lang('site.Ask-turkey')</h3>
                            {{--<p>@lang('site.Real-Estate-and-Tenancy-Laws_des')</p>--}}
                            <a href="{{route('Legal-advice')}}">@lang('site.read_more')</a>
                            <img class="practice-shape-one" src="{{asset('web/assets/img/home-one/7.png')}}" alt="Shape">
                            <img class="practice-shape-two" src="{{asset('web/assets/img/home-one/8.png')}}" alt="Shape">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Practice -->

        <!-- Why us -->
        <section class="expertise-area" style="margin-bottom: 150px;">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="section-title text-left" style="margin-top: 30px;">
                            <span style="font-size: 20px;">@lang('site.why_us')</span>
                            <h2 style="font-size: 18px;line-height: 1.6;">@lang('site.why_us_des')</h2>
                        </div>

                    </div>
                    <div class="col-lg-6">
                        <div class="expertise-image">
                            <img src="{{asset('uploads/home_images/'.$home[0]->image_why_us)}}" alt="Expertise">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Expertise -->

        <!-- Contact Form -->
        <div class="contact-form pb-100" style="/*background-image: url({{asset('uploads/home_images/'.$home[0]->image_form)}});*/

                background-image:
                /* top, transparent red */
                linear-gradient(
                rgba(30, 42, 66, 31%),
                rgba(33, 44, 68, 0.65)
                ),
                /* your image */
                url({{asset('uploads/home_images/'.$home[0]->image_form)}});

                ">
            <!-- Location -->
            <div class="loaction-area">
                <div class="container">
                    <div class="row location-bg" style="background-image: url({{asset('uploads/home_images/'.$home[0]->image_contact_info)}});">
                        <div class="col-sm-6 col-lg-4">
                            <div class="location-item">
                                <div class="location-icon">
                                    <i class="flaticon-pin"></i>
                                    <img src="{{asset('web/assets/img/home-one/12.png')}}" alt="Shape">
                                </div>
                                <h3>@lang('site.location')</h3>
                                <ul>
                                    <li>{{$settings[0]->location}}</li>
                                </ul>

                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-4">
                            <div class="location-item">
                                <div class="location-icon">
                                    <i class="flaticon-email"></i>
                                    <img src="{{asset('web/assets/img/home-one/12.png')}}" alt="Shape">
                                </div>
                                <h3>@lang('site.email')</h3>
                                <ul>
                                    <li>
                                        <a href="mailto:{{$settings[0]->email}}">{{$settings[0]->email}}</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-sm-6 offset-sm-3 offset-lg-0 col-lg-4" id="form_messages">
                            <div class="location-item">
                                <div class="location-icon">
                                    <i class="flaticon-call"></i>
                                    <img src="{{asset('web/assets/img/home-one/12.png')}}" alt="Shape">
                                </div>
                                <h3>@lang('site.phone')</h3>
                                <ul>
                                    <li>
                                        <a href="tel:{{$settings[0]->contact_phone}}">{{$settings[0]->contact_phone}}</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Location -->
            @include('partials._sessions')
            <div class="container-fluid">
                <form  action="{{ route('contact.post') }}#form_messages" method="post">
                    {{ csrf_field() }}
                    <div class="row contact-wrap">
                        <div class="col-sm-6 col-lg-6">
                            <div class="form-group">
                                <input type="text" name="name" id="name" class="form-control" required  placeholder="@lang('site.name')">

                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-6">
                            <div class="form-group">
                                <input type="email" name="email" id="email" class="form-control" required  placeholder="@lang('site.email')">

                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-6">
                            <div class="form-group">
                                <input type="text" name="phone" id="phone_number" required  class="form-control" placeholder="@lang('site.phone')">

                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-6">
                            <div class="form-group">
                                <input type="text" name="subject" id="msg_subject" class="form-control" required  placeholder="@lang('site.subject')">

                            </div>
                        </div>

                        <div class="col-md-12 col-lg-12">
                            <div class="form-group">
                                <textarea name="message" class="form-control" id="message" cols="30" rows="8" required  placeholder="@lang('site.message')"></textarea>

                            </div>
                        </div>

                        <div class="col-md-12 col-lg-12">
                            <div class="text-center">
                                <button type="submit" class="contact-btn">@lang('site.submit_now')</button>
                            </div>


                        </div>
                    </div>
                </form>
            </div>
        </div>