@extends('backend.layouts.app')

@section('title') @lang('report::labels.reports') @stop

@section('page-header')
<div class="content-header row">
	<div class="content-header-left col-md-6 col-12 mb-2">
		<h3 class="content-header-title mb-0">@lang('report::labels.reports')</h3>
	</div>
</div>
@stop

@section('content')
<div class="row">
    <div class="card col-md-12">
        <div class="card-header pb-0 border-bg-primary ">
            <table class="table table-xs table-bordered mt-2">
                <thead>
                    <tr style="background: #ddd;">
                        <th scope="col"  style="width:50px !important">S.No</th>
                        <th scope="col">Reports</th>
                        <th scope="col">View</th>
                    </tr>
                    </thead>
                    <tbody>
                        @php $sl=1;@endphp
                        @foreach($reports as $key => $value)
                        @can($key)
                        <tr>
                            <td>{{$sl++}}</td>
                            <td>
                                <a href="{{ route('reports.view',[$key])}}" target="_blank">{{$value}}</a>
                            </td>
                            <td>
                                <a href="{{ route('reports.view',[$key]) }}" target="_blank"><i class="fa fa-eye" data-name="info" data-size="18"data-loop="true" data-c="#428BCA" data-hc="#428BCA" title="VIEW REPORT"></i></a>
                            </td>
                        </tr>
                        @endcan
                        @endforeach
                    </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@push('page-css')
    <link rel="stylesheet" type="text/css" href="{{asset('stack/app-assets/css/plugins/forms/wizard.css') }}">
@endpush

@push ('vendor-css')
    <link rel="stylesheet" type="text/css" href="{{asset('stack/app-assets/vendors/css/vendors.min.css') }}">
@endpush

@push ('page-scripts')
    <script src="{{asset('stack/app-assets/js/scripts/forms/wizard-steps.js') }}"></script>
    <script src="{{asset('stack/app-assets/js/scripts/modal/components-modal.js') }}"></script>
    <script src="{{asset('stack/app-assets/js/core/libraries/jquery-3.6.0.js') }}"></script>
    <script src="{{asset('stack/app-assets/js/core/libraries/jquery_ui/jquery-ui.js') }}"></script>
@endpush