{{-- footer component --}}
<div class="card-header" style="margin: 1rem 0rem 0rem 0rem; padding: 1rem 1rem 1rem 1rem;">
    <div class="container">
        <div class="card-body">
            <div class="row">
                <div class="card-header col-sm text-white" style="box-shadow: 0 0px 0px 0 rgb(0 0 0);">
                    <p style="font-weight: bold;">Hubungi Kami</p>
                    <table>
                        <tr>
                           <td>Telepon</td>
                           <td>&nbsp;:&nbsp;</td>
                           <td>(0274) 552997</td>
                        </tr>
                        <tr>
                           <td>Email</td>
                           <td>&nbsp;:&nbsp;</td>
                           <td>admin@pa-yogyakarta.net</td>
                        </tr>
                    </table>
                    
                    <div class="card-body mt-1">
                        <table>
                            <tr>
                                <td>
                                    <div lass="card-body">
                                        <img src="{{ url('libraries/pengadilan-agama/images/icon/maps-qr-core-payogyakarta.png') }}" style="height:145px;">  
                                    </div>
                                </td>
                                <td>&nbsp;</td>
                                <td>
                                    <iframe class="rounded" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d11180.621021034964!2d110.3923844049671!3d-7.795492526725615!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xf7221ab96484f5f9!2sPengadilan%20Agama%20Yogyakarta!5e0!3m2!1sen!2sid!4v1624505579678!5m2!1sen!2sid" width="100%" height="150" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                                </td>
                            </tr>
                        </table>
                        
                        
                        
                    </div>
                </div>
                <div class="card-header col-sm text-white" style="box-shadow: 0 0px 0px 0 rgb(0 0 0);">
                    <p style="font-weight: bold;">Tautan Website</p>

                    @if($links)
                    <table>
                        @foreach ($links as $row)
                        <tr>
                            <td>&diams;</td>
                            <td>
                                <a class="text-white" href="{{ $row['site_url'] }}" target="_blank">{{ $row['name'] }}</a>
                            </td>
                         </tr>
                        @endforeach
                    </table>
                    @else
                        Tidak ditemukan
                    @endif

                </div>
               
                <div class="col-2 text-white"></div>
            </div>
        </div>
    </div>
</div>

<div class="card-header-orange" style="margin: 1rem 0rem 0rem 0rem; padding: 1rem 1rem 1rem 1rem;">
    <div class="card-content d-flex justify-content-center">
        <div class="d-flex align-items-center" align="center" style="color:#ffffff;">
            <span>
                @lang('footer.HakCipta') © 2021 Mahkamah Agung Republik Indonesia
                <br>
                dikembangkan oleh Pengadilan Agama Yogyakarta
            </span>
        </div>
    </div>
</div>
{{-- end footer component --}}