@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">Metrics
                    {{--                <div class="text-muted pt-2 font-size-sm">Datatable initialized from HTML table</div>--}}
                </h3>
            </div>
            <div class="card-toolbar">
                <a href="{{ url('/admin/campaign-analyzer/platforms') }}" class="btn btn-primary font-weight-bolder mr-2">Back</a>

                <a href="{{ url('/admin/campaign-analyzer/platform/' . $platform->id . '/metrics/create') }}" class="btn btn-primary font-weight-bolder">
                    <span class="svg-icon svg-icon-light svg-icon-2x">
                        <i style="color: white" class="flaticon2-plus"></i>
                    </span>New Metric
                </a>
            </div>
        </div>
        <div class="card-body">
            <table class="table table-separate table-head-custom table-foot-custom table-checkable dataTable dtr-inline" id="kt_datatable">
               <thead>
                <tr>
                    <th>ID</th>
                    <th>Title</th>
                    <th>Type</th>
                    <th>Type Values</th>
                    <th>Description</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                @foreach($platform->metrics as $metric)
                    <tr>
                        <td>{{ $metric->id }}</td>
                        <td>{{ $metric->title }}</td>
                        <td>{{ $metric->type }}</td>
                        <td>
                            @if($metric->type == 'Dropdown')
                            @foreach($metric->type_values as $typeValue)
                                {{ $typeValue }}<br>
                            @endforeach
                            @elseif($metric->type == 'Hidden')
                                @php
                                    $values = explode(':', $metric->type_values);
                                    echo $platform->metrics->where('id', $values[0])->first()->title . "<br>" . $values[1] . "<br>" . $platform->metrics->where('id', $values[2])->first()->title;
                                @endphp
                            @else
                                {{ $metric->type_values }}
                            @endif
                        </td>
                        <td>{{ $metric->description }}</td>
                        <td>
                            <a href="{{ url('/admin/campaign-analyzer/platform/' . $platform->id . '/metrics/' . $metric->id . '/edit') }}" class="btn" title="edit"><i class="m-menu__link-icon flaticon-edit"></i></a>
                            <button onclick="deleteKB(this)" id="{{$metric->id}}" type="button" data-url="{{ url('/admin/campaign-analyzer/platform/' . $platform->id . '/metrics/' . $metric->id) }}" data-token="{{ csrf_token() }}" class="btn" title="Delete">
                                <i class="m-menu__link-icon flaticon2-trash"></i>
                            </button>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection

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