@extends('layouts.header')
@section('content')
<br>
<nav class="breadcrumb-style-one mb-3" aria-label="breadcrumb">
	<ol class="breadcrumb">
		<li class="breadcrumb-item"><a href="{{url('CreateWorkFlowV2')}}">Create Workflow</a></li>
		<li class="breadcrumb-item"><a href="#">List WorkFlow</a></li>
	</ol>
</nav>


<style>
	.col-md-4
	{
		margin-bottom: 5px;
		margin-top: 5px;
	}
</style>

<div class="statbox widget box box-shadow">
	<!-- <h4>WorkFlow</h4> -->
	<a href="javascript:void();" class="text-primary" onclick="GetWorkFlowForm()">
		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg> Add WorkFlow
	</a>

</div>
<br>
<div id="workflowFormDiv"></div>
<div id="workflowList"></div>

<!------------------Modal Starts----------------->

<div class="modal fade" id="WorkFlowModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                </button>
            </div>
            <div class="modal-body" id="WorkFlowModalBody"></div>
            <div class="modal-footer">
                <button class="btn" data-bs-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
                <button type="button" class="btn btn-primary">Save</button>
            </div>
        </div>
    </div>
</div>

<!------------------Modal Ends------------------->

@endsection