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

    <h1 class="mt-5">Theme</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 Theme</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">Created At</th>
                <th class="text-center p-3" scope="col">Action</th>
            </tr>
            </thead>
            <tbody>
            @foreach($getTheme as $index => $getThemes)
                <form method="POST" action="{{ secure_url('delete-job',$getThemes->id) }}">
                    @csrf
                    <tr>
                        <th class="text-center p-3" scope="row">{{ $index +1 }}</th>
                        <td class="text-center p-3">{{ $getThemes->name }}</td>
                        <td class="text-center p-3">{{ $getThemes->description }}</td>
                        <td class="text-center p-3">{{ $getThemes->created_at }}</td>
                        <td class="text-center p-3">
                            <a href="{{ route('edit-theme',$getThemes->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