@extends('layouts.main')

@section('content')

    <section class="py-4 py-md-3 banner-c">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <h1 class="text-white f-sm-30 f-30 fw-700 mb-0">Investors</h1>
                </div>
                <div class="col-md-6 text-end">

                </div>
            </div>
        </div>
    </section>

    <section class="breadcrumb pt-4 custom_breadcrumb">
        <div class="container">
            <div class="row align-items-center">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}" role="button" tabindex="0"><i class="fa fa-home"></i> Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Investors</li>
                </ol>
            </div>
        </div>
    </section>

    <section class="padding-sec pb-4 pt-2 academic-page-sec">
        <div class="container">
            <div class="row">

                @foreach ($investors as $key => $investor)
                    <div class="col-md-12 mb-2">
                        <h3>{{ $key }}</h3>
                        @foreach ($investor as $singleInvestor)
                            <div class="card card-danger mb-2">
                                <div class="card-body">
                                    <strong>{{ $singleInvestor->ReportTitle }}</strong>

                                    @if (!is_null($singleInvestor->investorDocument))
                                        <span class="float-end">
                                            {{-- <a href="{{ $singleInvestor->investorDocument->url }}" target="_blank"><i class="fa fa-download"></i></a> --}}
                                            <a href="javascript:void(0)" class="download-btn"><i class="fa fa-download"></i></a>
                                        </span>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    </div>
                @endforeach

            </div>
        </div>
    </section>

@stop

@section('javascript')
    <script>
        $(document).ready(function() {
            $('.download-btn').click(function(e){
                e.preventDefault();
                let hrefURL = $(this).attr('href');

                window.open('javascript:void(0)', '_blank');
                return;
            });
        })
    </script>
@stop