@extends('frontend.layouts.template')
@section('content')
<div class="row box-banner-b" style="padding-bottom: 80px;background: url({{ asset('frontend/assetsnew/img/partner/BG21.png') }});background-repeat: no-repeat;background-size: cover;background-position: top center;box-shadow: 0px 5px 15px -7px #666666;">
    <div class="col-12">
        <div class="box-page">
            <div class="row" style="">
                <div class="col-sm-12 col-xl-1"></div>
                <div class="col-sm-12 col-xl-10 res-p-15">
                    <div class="mb-4 text-center">
                        <div class="topic-resources f-bold c-black pt-4"></div>
                    </div>
                </div>
                <div class="col-sm-12 col-xl-1"></div>
            </div>
        </div>

        <div class="box-page">
            <div class="row" style="">
                <div class="col-sm-12 col-xl-2"></div>
                <div class="col-sm-12 col-xl-8 res-p-15">
                    <div class="mb-4 text-center">
                        <div class="topic-resources f-bold c-black pt-4">
                            GOVERNMENT AGENCIES
                        </div>
                    </div>
                    <div>
                        <div class="row" style="">
                            @if ($government)
                            @foreach ($government as $idx =>  $item)
                                <div class="col-4 col-sm-3 col-xl-3 mt-2 col-img">
                                    {{-- @if( $idx == 0)
                                    <img src="{{ asset($item->path . $item->filename) }}" alt="" class="imageClass" id="imageid" style="display: none;">
                                    @endif --}}
                                    <div class="box-img-w" style="">
                                        <img src="{{ asset($item->path . $item->filename) }}" alt="" class="img-part">
                                    </div>
                                </div>
                            @endforeach
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-xl-1"></div>
            </div>
        </div>
    </div>
    <div class="col-12 p-0">

    </div>
</div>

<div class="row box-banner-b" style="padding-bottom: 80px;background: url({{ asset('frontend/assetsnew/img/partner/BG20.png') }});background-repeat: no-repeat;background-size: cover;background-position: top center;margin-top: 10px;">
    <div class="col-12">
        <div class="box-page">
            <div class="row" style="">
                <div class="col-sm-12 col-xl-2"></div>
                <div class="col-sm-12 col-xl-8 res-p-15">
                    <div class="mb-4 text-center">
                        <div class="topic-resources f-bold c-black pt-4">
                            LOCAL PARTNERS
                        </div>
                    </div>
                    <div>
                        <div class="row" style="">
                            @if ($local)
                            @foreach ($local as $item)
                            <div class="col-4 col-sm-3 col-xl-3 mt-2 col-img">
                                <div class="box-img-w" style="">
                                    <img src="{{ asset($item->path . $item->filename) }}" alt="" class="img-part">
                                </div>
                            </div>
                            @endforeach
                            @endif
                        </div>
                    </div>

                    <div class="mb-4 text-center pt-5">
                        <div class="topic-resources f-bold c-black pt-4">
                            INTERNATIONAL PARTNERS
                        </div>
                    </div>
                    <div>
                        <div class="row" style="">
                            @if ($international)
                            @foreach ($international as $item)
                            <div class="col-4 col-sm-3 col-xl-3 mt-2 col-img">
                                <div class="box-img-w" style="">
                                    <img src="{{ asset($item->path . $item->filename) }}" alt="" class="img-part">
                                </div>
                            </div>
                            @endforeach
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-xl-1"></div>
            </div>
        </div>
    </div>
    <div class="col-12 p-0">

    </div>
</div>
@endsection
@section('stylesheet')
	<link href="{{ asset('frontend/assetsnew/css/resources.css')}}" rel="stylesheet">
	<link href="{{ asset('frontend/assetsnew/css/about.css')}}" rel="stylesheet">
@endsection
@section('javascript')
    <script type="text/javascript">
        // var imgWidth = $("#imageid").width();

        // $(".img-part:first-child").width('100%');
        var imgWidth = $(".col-img:first-child").width();
        console.log('imgWidth : ', imgWidth);
        $('.box-img-w').css({
            'height': imgWidth/1.3,
            'width' : '100%'
        })
    </script>
@endsection