@extends('layouts.app')

@section('content')

<header class="customheader nowhite">

    <div class="rad-bg">

        <div class="title">
            <div class="subtitleButton"><a href="{{route('map')}}">
                    <button> BACK</button></a> </div>
            <img border="0" src="{{asset('public/front/images/title-name.png')}}" alt="" class="img-fluid">

            <div class="subtitle">
                <span>
                    @if(isset($city->city))
                        @php
                            $type = 'City';
                            $page = $city->city;
                        @endphp
                        {{$city->city}}
                    @else
                        @php
                            $type = 'Subcity';
                            $page = $city->subcity;
                        @endphp
                        {{$city->subcity}}
                    @endif
                </span>
            </div>
        </div>
    </div>





</header>



<section>


  

    <div class="yalooBg">

        <div class="container">


            <div class="subcityBox">
                <ul>
                    @foreach($subcity as $key => $value)
                    <li>
                        <a href="{{route('churches', ['city' => $city->city, 'subcity' => $value->subcity])}}">
                           <div class="hideMain">
                            <img border="0" src="{{$value->image}}" alt="" class="img-fluid">
                            <div class="overlay">{{$value->subcity}}</div>
                            </div>
                        </a>
                    </li>
                    @endforeach
                </ul>
            </div>

        </div>
    </div>

    <!--   <div class="homeIcon city">
        <a href="{{route('home')}}">
            <img border="0" src="{{asset('public/front/images/home-icon.png')}}" alt="" class="img-fluid">
        </a>
    </div>
 -->

    <div class="mobile-contact">
        <div class="container">
            <div class="mobileDiv">
                <a href="{{route('map')}}">
                    <img border="0" src="{{asset('public/front/images/menu-icon.png')}}" alt="" width="30" class="img-fluid">
                    Home
                </a>

            </div>

        </div>
    </div>


</section>
@endsection
@section('script')
<script>
    $(document).ready(function() {
        var type = "{{$type}}";
        var page = "{{$page}}";

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            type: 'GET',
            url: "{{route('getVisit')}}",
            data: {type:type,page:page},
            success: function(response) {

            },
        });
        /* e.preventDefault(); */
    });
</script>
@endsection