@extends('layouts.app')


@section('title', 'Workflow')

{{-- custom css --}}
@push('css')
@endpush


@section('content')
<x-content-body>

        <x-breadcrumbs :breadcrumbs="$breadcrumbs" />

        <x-messages />

        <x-row-card>
            <x-slot:title>
                <h4 class="card-title">Manage WorkFlow</h4>
                <a type="button" href="{{ route('workflows.create') }}" class="btn btn-rounded btn-primary btn-sm"> New WorkFlow </a>
            </x-slot:title>
          
            <x-table id="example3" :headers="['Name', 'Status', 'Step', 'Lead', 'Tags', 'Action']" >
                @forelse ($workflows as $workflow)
                <tr>
                    <tr>
                        <td>{{ $workflow['workflow_title'] }}</td>
                        <td> <span class="badge rounded-pill bg-success">{{ 'N/A' }}</span></td>
                        <td> {{ 'N/A' }} </td>
                        <td> {{ 'N/A' }} </td>
                        <td>{{ $workflow['workflow_tags'] }}</td>
                        <td>
                            <a 
                            href="{{ route('workflows.edit', ['workflow' => $workflow['id']]) }}" 
                                class="btn btn-primary shadow btn-xs sharp me-1"><i class="fa fa-pencil"></i></a>
                            <button
                                data-url="{{ route('workflows.destroy', ['workflow' => $workflow['id']]) }}"
                                class="btn btn-danger deleteButton shadow btn-xs sharp me-1">
                                <i class="fa fa-trash"></i>
                            </button>
                        </td>
                    </tr>
                </tr>
                @empty
                @endforelse
            </x-table>
        </x-row-card>
</x-content-body>
@endsection


{{-- custom js --}}
@push('js')
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="{{ asset('assets/js/custom/workflow.js') }}"></script>
@endpush