@extends('layout.user')
@section('content')

    @include('include.toaster.custom')
    <style >
        .select2-container--classic .select2-selection--multiple{
            background: #FFFFFF;
            border: 1px solid #E8E8E8;
            border-radius: 14px;
            width: 100%;
            padding: 8px 11px;
        }

    </style>

    <div class="page-title">
        <div class="left-column">
            <h4>Reports</h4>
        </div>
    </div>
    <section class="contact-form">
        <div class="setting-container">
            <div class="row reports-row">
                <div class="col-md-4">
                    <div class="setting-row">
                        <div class="setting-column">
                            <img src="{{asset('images/pdf.png')}}"/>
                            <div class="setting-content">
                                <h5>Photo Reports</h5>
                            </div>
                        </div>
                        <div class="setting-column">
                            {{--                            <button data-toggle="modal" data-target="#download_report1" class="btn-add" onclick="setType('report')">Download</button>--}}
                            @if( \App\Helpers\HelperMethods::checkIfSubscriptionExists() )
                                <button class="reports-btn-add"
                                        onclick="downloadReport({{ isset($unLabeledItems) ? count($unLabeledItems) : 0}}, 'report')">
                                    Download
                                    <i class="fa fa-info-circle"   style="color: white;margin-left: 5px" data-toggle="tooltip" data-placement="bottom" title="Click here to see a captioned photo report."></i>
                                </button>
                            @else
                                <button class="reports-btn-add" data-toggle="modal" data-target="#membership_expired_modal">
                                    Download
                                    <i class="fa fa-info-circle"   style="color: white;margin-left: 5px" data-toggle="tooltip" data-placement="bottom" title="Click here to see a captioned photo report."></i>
                                </button>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="setting-row">
                    <div class="setting-column">
                        <img src="{{asset('images/excel.png')}}"/>
                        <div class="setting-content">
                            <h5>Excel Spreadsheet Report</h5>
                        </div>
                    </div>
                    <div class="setting-column">
                        @if( \App\Helpers\HelperMethods::checkIfSubscriptionExists() )
                        <button class="reports-btn-add"
                                onclick="downloadReport({{ isset($unLabeledItems) ? count($unLabeledItems) : 0}}, 'excel')">
                            Download
                            <i class="fa fa-info-circle"   style="color: white;margin-left: 5px" data-toggle="tooltip" data-placement="bottom" title="Click here to create a spreadsheet of your entire contents list."></i>
                        </button>
                        @else
                            <button class="reports-btn-add" data-toggle="modal" data-target="#membership_expired_modal">
                                Download
                                <i class="fa fa-info-circle"   style="color: white;margin-left: 5px" data-toggle="tooltip" data-placement="bottom" title="Click here to create a spreadsheet of your entire contents list."></i>
                            </button>
                        @endif

                    </div>
                </div>
                </div>
                <div class="col-md-4">
                </div>
            </div>
        </div>
    </section>

    {{--@include('modal.download_report')--}}
    @include('modal.download_report1')
    @include('modal.un_label_item_confirm_modal')
@endsection

@section('js_file')

    <script nonce="{{config('app.nonce')}}">

        function downloadReport(unLabeledItemsCount, type) {
            setType(type)
            if (unLabeledItemsCount > 0) {
                $('#un_label_confirm_modal').modal('show');
            } else {
                $('#download_report1').modal('show');
            }
        }


        $('#download_report1').on('hidden.bs.modal', function (e) {
            location.reload();

        });

    </script>
@endsection