@extends('layout.Main')

@section('container')
    <div class="page-content">
        <div class="container-fluid">
        <!-- Page-Title -->
            <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="row">
                        <div class="col">
                            <h4 class="page-title">Taskjobs List</h4>
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="javascript:void(0);">PMS</a></li>
                                <li class="breadcrumb-item"><a href="javascript:void(0);">Taskjobs</a></li>
                            </ol>
                        </div><!--end col-->
                        <div class="col-auto align-self-center">
                            <a href="#" class="btn btn-sm btn-outline-primary" id="Dash_Date">
                                <span class="day-name" id="Day_Name">Today:</span>&nbsp;
                                <span class="" id="Select_date">Jan 11</span>
                                <i data-feather="calendar" class="align-self-center icon-xs ms-1"></i>
                            </a>
                            <a href="#" class="btn btn-sm btn-outline-primary">
                                <i data-feather="download" class="align-self-center icon-xs"></i>
                            </a>
                        </div><!--end col-->  
                    </div><!--end row-->                                                              
                </div><!--end page-title-box-->
            </div><!--end col-->
        </div><!--end row-->
        <!-- end page title end breadcrumb -->
        <div class="row">
            <div class="col-12">
                <div class="kanban-board">
                    <div class="kanban-col">
                        <div class="kanban-main-card">                                                    
                            <div class="kanban-box-title">
                                <h4 class="font-14 mt-0 mb-3">Up Going Taskjobs</h4>
                                <div class="dropdown kanban-main-dropdown">
                                    <a class="dropdown-toggle arrow-none" id="drop1" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                        <i class="las la-ellipsis-v font-24 text-muted"></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-end" aria-labelledby="drop1">
                                        <a class="dropdown-item" href="#">Create Project</a>
                                        <a class="dropdown-item" href="#">Open Project</a>
                                        <a class="dropdown-item" href="#">Tasks Details</a>
                                    </div>
                                </div>
                            </div>
                            
                            <div id="project-list-left" class="pb-1">
                               
                                @foreach ($taskjobs1 as $taskjob)
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="dropdown d-inline-block float-end">
                                                <a class="dropdown-toggle me-n2 mt-n2" id="drop2" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                                    <i class="las la-ellipsis-v font-18 text-muted"></i>
                                                </a>
                                                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="drop2">
                                                    <a class="dropdown-item" href="/pms/taskjobs/{{ $taskjob->taskjob_id }}">Edit</a>
                                                    <a class="dropdown-item" href="" type="button" class="btn btn-outline-primary btn-sm waves-effect waves-light" data-id="{{ $taskjob->taskjob_id }}">Delete</a>
                                                </div>
                                            </div><!--end dropdown-->
                                            <i class="mdi mdi-circle-outline d-block mt-n2 font-14 text-warning"></i>
                                            <h5 class="my-1 font-14">{{ $taskjob->taskjob_id }}</h5>
                                            <p class="text-muted mb-0">{{ $taskjob->deskripsi }}</p>
                                            <p class="text-muted text-end mb-1">0% Complete</p>
                                        <div class="progress mb-4" style="height: 4px;">
                                            <div class="progress-bar bg-secondary" role="progressbar" style="width: 37%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                            <div class="row justify-content-center">
                                                <div class="col-12 align-self-left">
                                                    <ul class="list-inline mb-0">                                                                    
                                                        <li class="list-item d-inline-block me-2">
                                                            <a class="" href="#">
                                                                <i class="mdi mdi-format-list-bulleted text-muted"></i>
                                                                <span class="text-muted fw-bold">0/5</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div><!--end col-->
                                            
                                            </div><!--end row-->
                                        </div><!--end card-body-->
                                    </div><!--end card-->
                                @endforeach
                              

                            </div><!--end project-list-left-->
                            <button type="button" class="btn btn-block btn-soft-primary btn-sm">Add Task</button>
                        </div><!--end /div-->
                    </div><!--end kanban-col-->

                    <div class="kanban-col">
                        <div class="kanban-main-card">                                                    
                            <div class="kanban-box-title">
                                <h4 class="font-14 mt-0 mb-3">On Going Taskjobs</h4>
                                <div class="dropdown kanban-main-dropdown">
                                    <a class="dropdown-toggle arrow-none" id="drop1" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                        <i class="las la-ellipsis-v font-24 text-muted"></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-end" aria-labelledby="drop1">
                                        <a class="dropdown-item" href="#">Create Project</a>
                                        <a class="dropdown-item" href="#">Open Project</a>
                                        <a class="dropdown-item" href="#">Tasks Details</a>
                                    </div>
                                </div>
                            </div>
                            <div id="project-list-center-left" class="pb-1">
                                @foreach ($taskjobs2 as $taskjob)
                                <div class="card">
                                    <div class="card-body">
                                        <div class="dropdown d-inline-block float-end">
                                            <a class="dropdown-toggle me-n2 mt-n2" id="drop08" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                                <i class="las la-ellipsis-v font-18 text-muted"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-end" aria-labelledby="drop08">
                                                <a class="dropdown-item" href="#">Edit</a>
                                                <a class="dropdown-item" href="#">Delete</a>
                                            </div>
                                        </div><!--end dropdown-->
                                        <i class="mdi mdi-circle-outline d-block mt-n2 font-14 text-warning"></i>
                                        <h5 class="my-1">{{ $taskjob->taskjob_id }}</h5>
                                        <p class="text-muted mb-0">Mobile App</p>
                                        <p class="text-muted text-end mb-1">37% Complete</p>
                                        <div class="progress mb-4" style="height: 4px;">
                                            <div class="progress-bar bg-secondary" role="progressbar" style="width: 37%;" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                        <div class="row justify-content-center">
                                            <div class="col-6 align-self-center">
                                                <ul class="list-inline mb-0">                                                                    
                                                    <li class="list-item d-inline-block me-2">
                                                        <a class="" href="#">
                                                            <i class="mdi mdi-format-list-bulleted text-muted"></i>
                                                            <span class="text-muted fw-bold">0/5</span>
                                                        </a>
                                                    </li>
                                                    <li class="list-item d-inline-block">
                                                        <a class="" href="#">
                                                            <i class="mdi mdi-comment-outline text-muted"></i>
                                                            <span class="text-muted fw-bold">3</span>
                                                        </a>                                                                               
                                                    </li>
                                                </ul>
                                            </div><!--end col-->
                                            <div class="col-6 align-self-center">
                                                <a class="float-end" href="#">
                                                    <img src="{{ url('') }}/assets/images/users/user-1.jpg" alt="user" class="thumb-xxs rounded-circle">
                                                </a>
                                                <a class="float-end" href="#">
                                                    <img src="{{ url('') }}/assets/images/users/user-9.jpg" alt="user" class="thumb-xxs rounded-circle">
                                                </a>
                                            </div><!--end col-->
                                        </div><!--end row-->
                                    </div><!--end card-body-->
                                </div><!--end card-->
                                @endforeach
                            </div><!--end project-list-left-->
                            <button type="button" class="btn btn-block  btn-soft-primary btn-sm">Add Task</button>
                        </div><!--end /div-->
                    </div><!--end kanban-col-->

                    <div class="kanban-col">
                        <div class="kanban-main-card">                                                    
                            <div class="kanban-box-title">
                                <h4 class="font-14 mt-0 mb-3">Finish Taskjobs</h4>
                                <div class="dropdown kanban-main-dropdown">
                                    <a class="dropdown-toggle arrow-none" id="drop1" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                        <i class="las la-ellipsis-v font-24 text-muted"></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-end" aria-labelledby="drop1">
                                        <a class="dropdown-item" href="#">Create Project</a>
                                        <a class="dropdown-item" href="#">Open Project</a>
                                        <a class="dropdown-item" href="#">Tasks Details</a>
                                    </div>
                                </div>
                            </div>

                            <div id="project-list-center-right" class="pb-1">
                                @foreach ($taskjobs3 as $taskjob)
                                <div class="card">
                                    <div class="card-body">
                                        <div class="dropdown d-inline-block float-end">
                                            <a class="dropdown-toggle me-n2 mt-n2" id="drop13" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                                <i class="las la-ellipsis-v font-18 text-muted"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-end" aria-labelledby="drop13">
                                                <a class="dropdown-item" href="#">Edit</a>
                                                <a class="dropdown-item" href="#">Delete</a>
                                            </div>
                                        </div><!--end dropdown-->
                                        <i class="mdi mdi-circle-outline d-block mt-n2 font-14 text-warning"></i>
                                        <h5 class="my-1">{{ $taskjob->taskjob_no }}</h5>
                                        <p class="text-muted mb-0">{{ $taskjob->deskripsi }}</p>
                                        <div class="row justify-content-center">
                                            <div class="col-6 align-self-center">
                                                <ul class="list-inline mb-0">                                                                    
                                                    <li class="list-item d-inline-block me-2">
                                                        <a class="" href="#">
                                                            <i class="mdi mdi-format-list-bulleted text-muted"></i>
                                                            <span class="text-muted fw-bold">0/5</span>
                                                        </a>
                                                    </li>
                                                    <li class="list-item d-inline-block">
                                                        <a class="" href="#">
                                                            <i class="mdi mdi-comment-outline text-muted"></i>
                                                            <span class="text-muted fw-bold">3</span>
                                                        </a>                                                                               
                                                    </li>
                                                </ul>
                                            </div><!--end col-->
                                            <div class="col-6 align-self-center">
                                                <a class="float-end" href="#">
                                                    <img src="assets/images/users/user-5.jpg" alt="user" class="thumb-xxs rounded-circle">
                                                </a>
                                            </div><!--end col-->
                                        </div><!--end row-->
                                    </div><!--end card-body-->
                                </div><!--end card-->  
                                @endforeach
                                                                          
                            </div><!--end project-list-right-->
                            <button type="button" class="btn btn-block  btn-soft-primary btn-sm">Add Task</button>
                        </div><!--end /div-->
                    </div><!--end kanban-col-->
                </div><!--end kanban-board--> 
            </div><!--end col-->
        </div><!--end row-->

    </div><!-- container -->

    <script type="text/javascript">
    $.(document).on('click', '.button', function (e) {
    e.preventDefault();
    var id = $(this).data('id');
    console.log(id);
    swal({
            title: "Are you sure!",
            type: "error",
            confirmButtonClass: "btn-danger",
            confirmButtonText: "Yes!",
            showCancelButton: true,
        },
        function() {
            $.ajax({
                type: "POST",
                url: "{{url('/destroy')}}",
                data: {id:id},
                success: function (data) {
                              //
                    }         
            });
    });
});
    </script>

@endsection