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

@section('content')

    <div class="content">
        <x-content.header title="{{ __('title.workflow_action_types') }}" />
        <div class="tw-card">
            <div class="p-6">
                <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.action_type_name")}}</th>
                            <th scope="col">{{trans("tables.action_type_label")}}</th>
                            <th scope="col">{{trans("tables.action_type_model")}}</th>
                            <th scope="col">{{trans("tables.action_type_status")}}</th>
                            <th scope="col">{{trans("tables.action_type_actions")}}</th>
                            <th scope="col">{{trans("tables.action_title")}}</th>

                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
@stop
@section('quick-links')
    <div class="dropdown">
        <button id="quick-links" class="btn btn-icon px-0 text-info" href="javascript:;" id="dropdown12" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="mdi mdi-dots-horizontal-circle-outline icon-md"></i>
        </button>

        <div class="dropdown-menu" aria-labelledby="quick-links">
            <a href="{{route('settings.workflow.action.types.create')}}" class="btn-create dropdown-item"><i class="mdi mdi-plus"></i>{{trans('forms.lbl_add_new')}}</a>
        </div>
    </div>
@stop
@section('footer-script')

    <script type="text/javascript">

        PDDataTable({
            url: "{{route('settings.workflow.action.types.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: 'label', name: 'label'},
                { data: 'model', name: 'model'},
                { data: 'status', name: 'status'},
                { data: 'actions', name: 'actions'},
                { data: 'action', name: 'action', orderable: false, searchable : false, className : "text-right" }
            ],
            order : [1, 'asc']
        });

    </script>
@stop