@extends('site.pages.build')
@section('title',$service->name)
@push('css')
    <style>
        @media (min-width: 992px) {
            .navi_subdyn ul li{
                margin-right: 30px !important;
                width: calc(24% - 20px);
            }
        }

    </style>
@endpush
@section('content')
    <div class="row_header">
        <div id="c3064" class="ce_element ce_id_3064 fr_default sb_ sa_">
            <div class="static_header back_resource back_resource_3064">
                <style type="text/css" scoped="scoped">
                    .back_resource_3064 {
                        background-image: url("/storage/{{ $service->bg }}");
                        height: 300px;
                    }
                    @media (max-width: 1200px) {
                        .back_resource_3064 {
                            background-image: url("/storage/{{ $service->bg }}");
                        }
                    }
                    @media (max-width: 768px) {
                        .back_resource_3064 {
                            background-image: url("/storage/{{ $service->bg }}");
                        }
                    }
                    @media (max-width: 480px) {
                        .back_resource_3064 {
                            background-image: url("/storage/{{ $service->bg }}");
                        }
                    }
                    @media (max-width: 360px) {
                        .back_resource_3064 {
                            background-image: url("/storage/{{ $service->bg }}");
                        }
                    }
                </style>
                <div class="container">
                    <div class="static_header_txt static_header_p1 static_header_c1 static_header_o1">
                        <div class="headline_title">
                            {{ $service->name }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row_breadcrumb">
        <ul class="breadcrumb">
{{--            <li class="first"><a href="/">{{ __('dil.anaSayfa') }}</a></li>--}}
            <li class="last">{{ __('dil.cozumler') }} / {{ $service->name }}</li>
        </ul>
    </div>

    <div class="row_content">
        <div class="container_x">


            <div id="c1779" class="ce_element ce_id_1779 fr_default sb_ sa_">
                <div class="theme_bs_container outer_container container_template_0 flex_0">
                    <div class="container">
                        <header class="ct_textpic lt_"><h2 class="">
                                {{ $service->name }}
                            </h2></header>
                        <div class="ce-textpic ce-center ce-above"></div>
                        <div id="c1781" class="ce_element ce_grid ce_id_1781 fr_default sb_ sa_">
                            <div class="theme_bs_gridflex_1 outer_container gridrow_template_0 gridrow_bp_md flex_0">
                                <div class="no">
                                    <div class="row gridrow gridrow_1781">
                                        <div class="col-sm-12 colnum_1 gridcol">
                                            <div class="ce-textpic ce-center ce-above">
                                                <div class="ce-bodytext">
                                                    <p>{!! $service->description !!}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 colnum_2 gridcol">
                                            <div id="c1784" class="ce_element ce_id_1784 fr_default sb_ sa_">
                                                <div class="theme_image">
                                                    <div class="img_w_d" align="{{ $service->image_align }}">
{{--                                                        <img class="img-responsive img-default " src="/storage/{{ $service->image }}" width="282" height="185" alt="" title="" />--}}
                                                        <img class="img-responsive img-default " src="/storage/{{ $service->image }}" style="width: {{ $service->image_width }}%;" alt="" title="" />
{{--                                                        <div class="img_desc">{{ $service->name }}</div>--}}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row" style="display: flex;justify-content: start;margin-top: 1rem">
                            @foreach(\App\Models\Site\Page::where('type','service')->where('cozumler',$service->id)->orderBy('rank','asc')->get() as $pagex)
                                <div class="col" style="padding: 20px 15px;background: #c9c9c9;margin: 0 10px;width: 25%">
                                    <a style="color: #000;font-weight: 500" href="{{ route('site.kurumsal.show',$pagex->slug) }}">{{ $pagex->name }}</a>
                                </div>
                            @endforeach
                        </div>

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

            <div id="c1923" class="ce_element ce_id_1923 fr_default sb_ sa_" style="margin-top: 10rem">
                <div class="theme_bs_container outer_container container_template_0 flex_0">
                    <div class="container-fluid">
                        <header class="ct_header lt_">
                            <h2 class="">
                                {{ __('dil.digerCozumlerimiz') }}
                            </h2>
                        </header>
                        <div id="c1924" class="ce_element ce_id_1924 fr_default sb_ sa_">
                            <div class="theme_tsobj theme_tsobj_navi_subdyn">
                                <div class="navi_subdyn">
                                    <ul>
                                        @foreach(\App\Models\Site\Service::where('status',1)->orderBy('rank','asc')->get() as $service)
                                            <li class="id_58 first">
                                                <a href="{{ route('site.cozumler.show',$service->slug) }}">
                                                    <div class="subdyn_img">
                                                        <img
                                                            src="/storage/{{ $service->image }}"
                                                            width="534"
                                                            height="267"
                                                            class="img-responsive"
                                                            alt="{{ $service->name }}"
                                                            title="{{ $service->name }}"
                                                        />
                                                    </div>
                                                    <h3 class="subdyn_title">{{ $service->name }}</h3>
                                                    <p class="subdyn_desc" style="text-align: justify">{!! mb_substr(strip_tags($service->description),0,150, 'UTF-8') !!}..</p>
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection