@extends('frontend.template.main')
@section('content')
@include('frontend.share._ministry_slide')
<section id="the_ministry">
    <div class="container">
        <h2 class="section-title">Currency Exchange in Cambodia</h2>
        <p>
            The exchange rates presented on this website are subject to change at any time without notice and should be used only as a guide.  By relying on the information provided, you, the user, assumes full responsibility and bears the entire risk related to its use. We disclaim any and all warranties, whether express or implied, including (without limitation) any implied warranties of merchantability or fitness for a particular purpose. In no event will we be liable to any party for any direct, indirect, incidental, consequential, special or exemplary damages resulting from any use or misuse of the information provided. 
        </p>
        @php
    
        $get = file_get_contents('https://www.acledabank.com.kh/assets/unity/exchangerate');
          $sep1 = explode('<table cellpadding="0" cellspacing="1" class="table">', $get); 
          $set2 = explode("</table>", $sep1[1]); 
        @endphp
    <br/>
        <h4><a href="https://www.acledabank.com.kh/assets/unity/exchangerate" target="_blank">Referance: Acleda Bank </a></h4>
        <table class="table table-bordered table-striped">
                {!!isset($set2[0])?$set2[0]:''!!}
        </table>
        
 
        
    </div> 
</section>
@endsection

@push('css')
<link href="{{asset('frontend/css/blog.css')}}" rel="stylesheet" />
<link href="{{asset('frontend/css/bc.css')}}" rel="stylesheet" />
<style type="text/css">
    .table th{
        text-align: center;
        font-size: 20px;
        font-weight: 600;
    }
    #hunsen {

        font-weight: bold;
        font-family: "Futura Light BT";
        font-size: 20px;

    }
    #myImg {
        border-radius: 5px;
        cursor: pointer;
        transition: 0.3s;
        font-weight: bold;
    }

    #myImg:hover {opacity: 0.7;}

    .modal {
        display: none; 
        position: fixed; 
        z-index: 99999; 
        padding-top: 100px; 
        left: 0;
        top: 0;
        width: 100%; 
        height: 100%; 
        overflow: auto; 
        background-color: rgb(0,0,0); 
        background-color: rgba(0,0,0,0.9); 
    }

    .modal-content {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 800px;
    }

    .modal-content, #caption {  
        -webkit-animation-name: zoom;
        -webkit-animation-duration: 0.6s;
        animation-name: zoom;
        animation-duration: 0.6s;
    }

    @-webkit-keyframes zoom {
        from {-webkit-transform:scale(0)} 
        to {-webkit-transform:scale(1)}
    }

    @keyframes zoom {
        from {transform:scale(0)} 
        to {transform:scale(1)}
    }
    .tabs {
        max-width: 100%;
        margin: 0 auto;

    }
    #tab-button {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #tab-button li {
        display: table-cell;
        width: 20%;
    }
    #tab-button li a {
        display: block;
        padding: .9em;
        background: #eee;
        border: 1px solid #ddd;
        text-align: center;
        color: #000;
        text-decoration: none;
    }
    #tab-button li:not(:first-child) a {
        border-left: none;
    }
    #tab-button li a:hover,
    #tab-button .is-active a {
        border-bottom-color: transparent;
        background: #fff;
    }
    .tab-contents {
        padding: .5em 3em 1em;
        border: 1px solid #ddd;
    }



    .tab-button-outer {
        display: none;
    }
    .tab-contents {
        margin-top: 20px;
    }
    @media screen and (min-width: 768px) {
        .tab-button-outer {
            position: relative;
            z-index: 2;
            display: block;
        }
        .tab-select-outer {
            display: none;
        }
        .tab-contents {
            position: relative;
            top: -1px;
            margin-top: 0;
        }
    }
    /* The Close Button */
    .close {
        position: absolute;
        top: 15px;
        right: 35px;
        color: #f1f1f1;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
    }

    .close:hover,
    .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

    @media only screen and (max-width: 700px){
        .modal-content {
            width: 100%;
        }
    }
    #the_ministry .section-title {
        margin-bottom: 30px;
        margin-bottom: 15px;
        position: relative;
        font-size: 25px;
        color: #343365;
        text-transform: uppercase;
        font-family: 'Futura PT Extra';
    }
    p a{
        font-size: 18px;
        color: #5a72d0;
    }
    p a:hover{
        text-decoration: underline;
    }
    ol{
        padding-left: 60px;
        margin: 20px 0;
    }
    ol li{
        font-family: "futura light bt",Hanuman !important;
        font-size: 20px;
        line-height: 25px; 
    }
    #the_ministry ul {
        list-style-type: square;
        padding-left: 45px;
        margin: 20px 0;
    }
    #the_ministry_tourism_law ul li{
        font-family: "futura light bt";
        font-size: 20px;

    }
</style>
@endpush