@extends('user.app')
@if($type == 1)
  @section('title', $service->name1)
@elseif($type == 2)
  @section('title', $service->name2)
@else
  @section('title', $service->name3)

@endif


@section('head')
    
@endsection
@section('content')
    <div class="container-fluid blog">
        <div class="container padding-top services">
            @if($type == 1)
              <h3 class="block-title ">{{$service->name1}}</h3>
            @elseif($type == 2)
              <h3 class="block-title ">{{$service->name2}}</h3>
            @else
              <h3 class="block-title ">{{$service->name3}}</h3>
            @endif
            <div class="row flex-wrap">
              <div class="column column-66">
                {!!$service->topBlock!!}
              </div>
              <div class="column column-33">
                <img class="responsive-img lazy" data-src="{{ asset('images/services')}}/{{$service->detailed_image}}" alt="">
              </div>
              <br>
              <div class="column">
                  {!!$service->middleBlock!!}
                  <br>
                  {!!$service->bottomBlock!!}
              </div>
            </div>
        </div>
  </div>
  @include('user.prefooter')
@endsection
@section('foot') 
<script>
  if($('#home_type').val()==''){
      $("#cost").text({{$calculators[0]["home_price"]}});
      $('#cost_home').val({{$calculators[0]["home_price"]}})
      $('#cost_office').val({{$calculators[0]["office_price"]}})
      $(".calculator-block .blue-small:first").addClass("active");
      $(".tooltip .click_type:first a").addClass("active");
      $('#home_type').val(1);
      $("#service-type").text("Жилые помещения");
  }
</script>
@endsection