@extends('layout.default')
@section('styles')
    <link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css"/>
@endsection
@section('content')
    <div class="card card-custom">
        <div class="card-header flex-wrap border-0 pt-6 pb-0">
            <div class="card-title">
                <h3 class="card-label">Platforms
                    {{--                <div class="text-muted pt-2 font-size-sm">Datatable initialized from HTML table</div>--}}
                </h3>
            </div>
        </div>
        <div class="card-body">
            @if(\Illuminate\Support\Facades\Auth::user()->role === 1)
            <table class="table table-separate table-head-custom table-foot-custom table-checkable dataTable dtr-inline" id="kt_datatable">
                <thead>
                <tr>
                </tr>
                </thead>
                <tbody>
                @foreach($platforms as $platform)
                    <tr>
                        <td style="text-align:right; width: 30%;"><h3 style="line-height: 200%;"><b>{{ $platform->title }}</b></h3></td>
                        <td style="text-align: center"><a style="width: 50%;" href="{{ url('/members-area/campaign-analyzer/platforms/' . $platform->id) }}" class="btn btn-primary" title="metric">Access</a></td>
                    </tr>
                @endforeach
                </tbody>
            </table>
            @else
                <div class="bg-light-o-100 form-group fv-plugins-icon-container mt-10 p-10">
                    <h4 class="text-center text-dark"><b>Campaign Analyzer is under construction and will be available soon</b></h4>
                </div>
            @endif
        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>
@endsection