@extends('frontend.'.$temaadi.'.app')
@push("head")
    <title>{{ $sehiryol->il_adi }} Yol ve Trafik Durumu - {{ config('ayarlar.baslik') }}</title>
    <meta name="description" content="{{ $sehiryol->il_adi }} için güncel trafik ve yol durumuna bakarak alternatif yol ve güzergahlara en kolay ve hızlı şekilde ulaşın." />
@endpush
@section("content")
    <section>
        <div class="archive-header text-center mb-30">
            <h1><span class="font-weight-ultra">{{ $sehiryol->il_adi }} Yol ve Trafik Durumu</span></h1>
            <div class="breadcrumb">
                <a href="{{ url('/') }}">Ana Sayfa</a>
                <span></span> {{ $sehiryol->il_adi }} Yol ve Trafik Durumu
            </div>
        </div>
    </section>
    <section class="pt-30 pb-30 bg-white box-shadow mt-15 mb-30">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <span id="enlem" class="d-none">{{ $sehiryol->enlem }}</span>
                    <span id="boylam" class="d-none">{{ $sehiryol->boylam }}</span>
                    <section id="yoldurumu" class="mainsection">
                        <div id="map"></div>
                    </section>
                </div>
            </div>
        </div>
    </section>
@endsection

@push("customJs")
    <script src="https://api-maps.yandex.ru/2.1/?lang=tr_TR"></script>
    <script src="{{ asset('assets/frontend/tema9/js/traffic_control.js') }}"></script>
@endpush

@push("customCss")
    <style>
        #map {
            width: 100%; height: 500px; padding: 0; margin: 0;
        }
    </style>
@endpush