@extends('frontend.layout.master')
@section('content')
    <!-- <section class="inner-page-banner-section">
        <div class="bg-img"></div>
        <div class="niveshaay-container">
            <div class="inner-banner-content">
                <h1>{{$categorylist[0]}}</h1>
            </div>
        </div>
    </section> -->

    <div id="content-main-wrap" class="is-clearfix">
        <div id="content-area" class="site-content-area">
            <section class="update-section">
                <div class="niveshaay-container">
                    <div class="update-content-wrap">
                        <div class="img-wrap">
                            <img src="{{ asset('images/banner-image/'. json_decode($cmsData['page_content'], true)['topBlockImg']) }}" alt="logo">
                        </div>
                        {!! json_decode($cmsData['page_content'], true)['topBlock'] !!}
                    </div>
                </div>
            </section>
            <section class="recommendtion-table-section">
                <div class="niveshaay-container">
                    <div class="recommendtion-table-heading">
                        <h2 class="heading-title niveshaay-section-title">
                            {{$categorylist[0]}}
                        </h2>
                        <div class="search-box">
                            <input type="text" placeholder="Search {{$categorylist[0]}}..." id="globalSearch">
                            <img src="{{ ('images/search-img.svg') }}" alt="search-img">
                            <button type="button" class="btn btn-outline-primary btn-flat allocation-download-pdf" title="Download PDF"><i class="fa fa-download"></i></a>
                        </div>
                    </div>
                    <div class="table-outer">
                        <table id="allocation-recommendations" class="table dashboard-table cell-border" style="width:100%">
                            <thead>
                                <tr>
                                    <th class="sr-no">No.<span></span> </th>
                                    <th class="date">Date <span></span> </th>
                                    <th class="s-code">Scrip Code <span></span> </th>
                                    <th>Company Name<span></span> </th>
                                    <th class="allocation">Allocation <span></span> </th>
                                    <th class="price-on-recomandation-date">Price as on <br />Recommended <br/>Date<span></span></th>
                                    <th class="recommendation">Recommendation <span></span></th>
                                    <th class="view">View</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($recommendationData as $key=>$recomData)
                                    <tr>
                                        <td class="sr-no"> {{ ($recommendationData->currentPage() - 1) * $recommendationData->perPage() + $key + 1 }}
                                            @if($recomData->is_recent_update)
                                            <div class="notification">
                                                <div class="count"></div>
                                            </div>
                                            @endif
                                        </td>
                                        <td class="date" data-order="{{ date('Y-m-d', strtotime($recomData->share_initial_date)) }}">{{ $recomData->share_initial_date ? date("d-m-Y", strtotime($recomData->share_initial_date)) : '-' }}</td>
                                        <td class="s-code">{{$recomData->scrip_code}}</td>
                                        <td class="company"><a href="{{ route('frontend.research-reports-detail', ['id' => $recomData->id, 'share_category' => $recomData->share_category]) }}">{{$recomData->company_name}}</a></td>
                                        <td class="allocation">{{$recomData->allocation}}</td>
                                        <td class="price-on-recomandation-date">{{$recomData->price_recommended}}</td>
                                        <td title="{{$recomData->recommendation}}" class="recommendation">{{ $recomData->recommendation }}</td>
                                        <td class="view"> <a href="{{ route('frontend.research-reports-detail', ['id' => $recomData->id, 'share_category' => $recomData->share_category]) }}" title="view"><svg width="20" height="13" viewBox="0 0 20 13" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M19.8729 5.98463C19.6942 5.74021 15.4371 0 9.99991 0C4.56275 0 0.305392 5.74021 0.126914 5.98439C-0.0423048 6.21627 -0.0423048 6.53076 0.126914 6.76264C0.305392 7.00705 4.56275 12.7473 9.99991 12.7473C15.4371 12.7473 19.6942 7.00701 19.8729 6.76283C20.0424 6.531 20.0424 6.21627 19.8729 5.98463ZM9.99991 11.4286C5.99486 11.4286 2.52606 7.61869 1.49922 6.37318C2.52473 5.12658 5.98627 1.31868 9.99991 1.31868C14.0048 1.31868 17.4733 5.12791 18.5006 6.37408C17.4751 7.62065 14.0136 11.4286 9.99991 11.4286Z"
                                                fill="#83b645" />
                                            <path
                                                d="M9.99989 2.4176C7.81855 2.4176 6.04382 4.19233 6.04382 6.37367C6.04382 8.555 7.81855 10.3297 9.99989 10.3297C12.1812 10.3297 13.956 8.555 13.956 6.37367C13.956 4.19233 12.1812 2.4176 9.99989 2.4176ZM9.99989 9.01102C8.54559 9.01102 7.36254 7.82793 7.36254 6.37367C7.36254 4.91941 8.54563 3.73632 9.99989 3.73632C11.4542 3.73632 12.6372 4.91941 12.6372 6.37367C12.6372 7.82793 11.4542 9.01102 9.99989 9.01102Z"
                                                fill="#83b645" />
                                            </svg>
                                        </a> </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        {{ $recommendationData->links('frontend.researchReports.customPagination') }}
                    </div>
                </div>
            </section>
            <section class="investor-details-section">
                <div class="niveshaay-container">
                    <div class="investor-details-wrap">
                        {!! json_decode($cmsData['page_content'], true)['bottomBlock'] !!}
                    </div>
                </div>
            </section>
        </div>
    </div>

@endsection
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    var imageUrl = '{{$watermarkImage}}';
    var style = document.createElement('style');
    var cssRule = '.dashboard-table::after { background-image: url(' + imageUrl + '); opacity: 0.5; pointer-events: none;top: 0; left: 0; right: 0; height: 100%; width: 80%; }';
    style.appendChild(document.createTextNode(cssRule));
    document.head.appendChild(style);

    $(document).on('click', '.allocation-download-pdf', function() {
        $.ajax({
            type: 'POST',
            url: "{{ url('export-research-data') }}",
            beforeSend: function() {
                $('.loading-block').show();
            },
            headers:{ 'X-CSRF-TOKEN': '{{ csrf_token() }}'},
            success: function(data) {
                var pdfContent = data.pdf;
                var filename = data.filename;
                var downloadLink = document.createElement('a');
                downloadLink.href = 'data:application/pdf;base64,' + pdfContent;
                downloadLink.download = filename;
                document.body.appendChild(downloadLink);
                downloadLink.click();
                document.body.removeChild(downloadLink);
                $('.loading-block').hide();
            },
            error: function(err) {

            }
        });
    });
</script>