@extends('layouts.app')
@section('title', trans('settings.workflow_title'))

@section('content')

    <div class="content">
        <x-content.header title="{{__('title.workflow')}}" >
            <x-slot:headerRight>
                <a href="{{route('settings.workflows.create')}}" class="btn-secondary-base"><x-svg-icon icon="icon-plus" />{{trans('forms.lbl_add_new')}}</a>
            </x-slot:headerRight>
        </x-content.header>
        <table id="datatable" class="table-custom-striped w-full" style="width: 100%;">
            <thead>
                <tr>
                    <th scope="col">
                        <input class="table-header-checkbox" type="checkbox" name="select_all" id="select-all" value="1">
                    </th>
                    <th scope="col">{{trans("tables.workflow_title")}}</th>
                    <th scope="col">{{trans("tables.workflow_form_title")}}</th>
                    <th scope="col">{{trans("tables.workflow_type_title")}}</th>
                    <th scope="col">{{trans("tables.workflow_event_title")}}</th>
                    <th scope="col">{{trans("tables.workflow_field_title")}}</th>
                    <th scope="col">{{trans("tables.workflow_status_title")}}</th>
                    <th scope="col">{{trans("tables.actions_title")}}</th>
                    <th scope="col">{{trans("tables.action_title")}}</th>
                </tr>
            </thead>
        </table>
    </div>
@stop
@section('footer-script')

    <script type="text/javascript">

        PDDataTable({
            url: "{{route('settings.workflows.index')}}",
            columns:[
                { data: 'checkboxgrid', name: 'checkboxgrid', orderable: false, searchable: false, className: "checkbox-column"},
                { data: 'name', name: 'name', className:"!text-custom-grey-900 !font-medium"},
                { data: 'form', name: 'form'},
                { data: 'type', name: 'type'},
                { data: 'event', name: 'event'},
                { data: 'field', name: 'event'},
                { data: 'status', name: 'status'},
                { data: 'actions', name: 'actions'},
                { data: 'action', name: 'action', orderable: false, searchable : false, className : "text-right" }
            ],
            order : [1, 'asc']
        });

    </script>
@stop