@extends('layout.mainlayout')

@section('content')

    <div class="album text-muted">

        <div class="container">

            <div class="row">
            <div class="col">
                <h2>{{trans("web.nearest_center")}}</h2>
            </div>

            </div>
            <div class="hospital-container">
            @foreach($hospitals as $hospital)
                <div class="row hospital-row" style="margin-top:15px;" distance="">
                    <div class="col">
                        <a href="/tests?hospitalId={{$hospital->ID}}">
                            <div class="card">
                                <div class="card-container row">
                                    <div class="col-9">
                                        <h4>@if(app('translator')->getLocale() == "ar"){{$hospital->NAME_AR}}@else{{$hospital->NAME_EN}}@endif</h4>
                                        <p style="color: #95989A;">@if(app('translator')->getLocale() == "ar"){{$hospital->CITYSTATE->ARABIC_NAME}}@else{{$hospital->CITYSTATE->ENG_NAME}}@endif</p>
                                    </div>
                                    <div class="col-3" style="text-align: @if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk") left @else right @endif">
                                        <p style="margin-top: 15px;color: #95989A;"><img src="images/location.png" style="margin-@if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk")left @else right @endif:5px;width:9px"/><span style="padding:3px" long="{{$hospital->GPS_LONGITUDE}}" lat="{{$hospital->GPS_LATITUDE}}" class="location-info">--</span></p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            @endforeach
        </div>


        </div>
    </div>

@endsection






<b></b>