@extends('base')
@section('content')

<h1 class="mt-5">Tags</h1>
<div class="graph-card p-3 my-5">
    @if(session()->has('success'))
        <div class="alert alert-success flashmsg">
            {{ session()->get('success') }}
        </div>
    @endif
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2>My Tags</h2>
    </div>    
     <table class="vl-table table bg-white table-striped table-bordered table-hover">
                        <thead class="table-light font-wei">
                        <tr>
                            <th class="text-center p-3 p-3" scope="col">SL NO</th>
                            <th class="text-center p-3" scope="col">Name</th>
                            <th class="text-center p-3" scope="col">Description</th>
                            <th class="text-center p-3" scope="col">Themes</th>
                            <th class="text-center p-3" scope="col">Created At</th>
                            <th class="text-center p-3" scope="col">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($getTag as $index => $getTags)
                            <form method="POST" action="{{ secure_url('delete-tags',$getTags->id) }}">
                                @csrf
                                <tr>
                                    <th class="text-center p-3" scope="row">{{ $index +1 }}</th>
                                    <td class="text-center p-3">{{ $getTags->name }}</td>
                                    <td class="text-center p-3">{{ $getTags->description }}</td>
                                    <td class="text-center p-3">
                                        @if($getTags->themes)
                                            @foreach(json_decode($getTags->themes) as $themeId)
                                                @php
                                                    $themes = DB::table('themes')->find($themeId);
                                                @endphp
                                                @if($themes)
                                                    {{ $themes->name }},
                                                @endif
                                            @endforeach
                                        @endif
                                    </td>
                                    <td class="text-center p-3">{{ $getTags->created_at }}</td>
                                    <td class="text-center p-3">
                                        <a href="{{ route('edit-tag',$getTags->id) }}"> <button type="button" class="btn btn-primary vl-table-view"><i class="fa fa-edit me-1" aria-hidden="true"></i>Edit</button></a>
                                        <button type="submit" class="btn btn-danger ms-1"><i class="fa fa-trash me-1" aria-hidden="true"></i>Delete</button></td>
                                </tr>
                            </form>
                        @endforeach
                        </tbody>
                    </table>

                </div>
<script type="text/javascript">
    setTimeout(function() {
        $('.flashmsg').fadeOut(1500);
    }, 3000);
</script>
@endsection