@extends('layouts.index')
@section('title')
    Detail KPI
@endsection
@section('css')
    <link href="{{ asset('back') }}/extra-libs/datatables.net-bs4/css/dataTables.bootstrap4.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="{{ asset('back') }}/extra-libs/prism/prism.css" />
    <link rel="stylesheet" type="text/css" href="{{ asset('back') }}/libs/select2/dist/css/select2.min.css" />
    <link rel="stylesheet" href="{{ asset('back') }}/libs/apexcharts/dist/apexcharts.css" />
    <link rel="stylesheet" type="text/css" href="{{ asset('back') }}/libs/quill/dist/quill.snow.css" />

    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <link rel="stylesheet" href="{{ asset('back') }}/extra-libs/taskboard/css/jquery-ui.min.css" />
    <link rel="stylesheet" href="{{ asset('back') }}/extra-libs/taskboard/css/lobilist.css" />
    <link rel="stylesheet" type="text/css" href="{{ asset('back') }}/libs/dropzone/dist/min/dropzone.min.css" />

    <style>
        #chart_div text { 
            fill: rgb(0, 0, 0);
        }
        .l2 {
            padding-left: 1em;
        }

        .l3 {
            padding-left: 2em;
        }

        label.error {
            color: #F94687;
            font-size: 13px;
            font-size: .875rem;
            font-weight: 400;
            line-height: 1.5;
            margin-top: 5px;
            padding: 0;
        }

        input.error {
            color: #F94687;
            border: 1px solid #F94687;
        }

        select.error {
            color: #F94687;
            border: 1px solid #F94687;
        }
    </style>
@endsection
@section('content')
    <div class="page-titles">
        <div class="row">
            <div class="col-lg-8 col-md-6 col-12 align-self-center">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 d-flex align-items-center">
                        <li class="breadcrumb-item">
                            <a href="index.html" class="link"><i class="ri-home-3-line fs-5"></i></a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">
                            <a href="{{ route('kpi.index') }}">KPI</a>
                        </li>
                    </ol>
                </nav>
                <h1 class="mb-0 fw-bold">KPI Detail</h1>
            </div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- End Bread crumb and right sidebar toggle -->
    <!-- ============================================================== -->
    <!-- ============================================================= -->
    <!-- Container fluid  -->
    <!-- ============================================================= -->
    <div class="container-fluid">
        {{-- <pre>
        {{dd($detail)}}
    </pre> --}}
        <!-- ============================================================= -->
        <!-- Start Page Content -->
        <!-- ============================================================= -->

        <div class="row">
            <div class="col-lg-4 col-xlg-3 col-md-5 d-flex flex-column">
                <div class="card">
                    <div class="card-body">
                        <center class="mt-4">

                            <div id="chart-radial-basic"></div>


                        </center>
                    </div>
                    <div>
                        <hr />
                    </div>
                    <div class="card-body pt-0 mt-2">
                        <h5>Assigned By</h5>
                        @if($status == 'delegated-job')
                            <div class="d-flex align-items-center mb-2">
                                @if(Storage::exists($delegated_job_action_plan->assigned_by->foto))
                                    <img src="{{ Storage::url($delegated_job_action_plan->assigned_by->foto) }}" class="rounded-circle" width="35"
                                    alt="flexy">
                                @else
                                    <img src="{{ asset('back') }}/images/users/3.jpg" class="rounded-circle" width="35"
                                    alt="flexy">
                                @endif
                                <div class="ms-3">
                                    <h6 class="mb-0 fw-bold">
                                        {{ isset($delegated_job_action_plan->assigned_by->nama_lengkap) ? $delegated_job_action_plan->assigned_by->nama_lengkap : '-' }}
                                    </h6>
                                    <span class="text-muted fs-9">{{ $delegated_job_action_plan->assigned_by->jabatan->nama }}</span>
                                </div>
                            </div>
                        @elseif($status == 'program')
                            <div class="d-flex align-items-center mb-2">
                                @if(Storage::exists($program_fml_action_plan->reviewed_by->foto))
                                    <img src="{{ Storage::url($program_fml_action_plan->reviewed_by->foto) }}" class="rounded-circle" width="35"
                                    alt="flexy">
                                @else
                                    <img src="{{ asset('back') }}/images/users/3.jpg" class="rounded-circle" width="35"
                                    alt="flexy">
                                @endif
                                <div class="ms-3">
                                    <h6 class="mb-0 fw-bold">
                                        {{ isset($program_fml_action_plan->reviewed_by->nama_lengkap) ? $program_fml_action_plan->reviewed_by->nama_lengkap : '-' }}
                                    </h6>
                                    <span class="text-muted fs-9">{{ $program_fml_action_plan->reviewed_by->jabatan->nama }}</span>
                                </div>
                            </div>
                        @elseif($status == 'project')
                            <div class="d-flex align-items-center mb-2">
                                @if(Storage::exists($project_action_plan->reviewed_by->foto))
                                    <img src="{{ Storage::url($project_action_plan->reviewed_by->foto) }}" class="rounded-circle" width="35"
                                    alt="flexy">
                                @else
                                    <img src="{{ asset('back') }}/images/users/3.jpg" class="rounded-circle" width="35"
                                    alt="flexy">
                                @endif
                                <div class="ms-3">
                                    <h6 class="mb-0 fw-bold">
                                        {{ isset($project_action_plan->reviewed_by->nama_lengkap) ? $project_action_plan->reviewed_by->nama_lengkap : '-' }}
                                    </h6>
                                    <span class="text-muted fs-9">{{ $project_action_plan->reviewed_by->jabatan->nama }}</span>
                                </div>
                            </div>
                        @elseif($status == 'event')
                            <div class="d-flex align-items-center mb-2">
                                @if(Storage::exists($event_action_plan->reviewed_by->foto))
                                    <img src="{{ Storage::url($event_action_plan->reviewed_by->foto) }}" class="rounded-circle" width="35"
                                    alt="flexy">
                                @else
                                    <img src="{{ asset('back') }}/images/users/3.jpg" class="rounded-circle" width="35"
                                    alt="flexy">
                                @endif
                                <div class="ms-3">
                                    <h6 class="mb-0 fw-bold">
                                        {{ isset($event_action_plan->reviewed_by->nama_lengkap) ? $event_action_plan->reviewed_by->nama_lengkap : '-' }}
                                    </h6>
                                    <span class="text-muted fs-9">{{ $event_action_plan->reviewed_by->jabatan->nama }}</span>
                                </div>
                            </div>
                        @endif
                        <div>
                            <hr />
                        </div>
                        <h5>Assigned To</h5>
                        @if($status == 'delegated-job')
                            <div class="d-flex align-items-center mb-2">
                                @if(Storage::exists($delegated_job_action_plan->assigned_to->foto))
                                    <img src="{{ Storage::url($delegated_job_action_plan->assigned_to->foto) }}" class="rounded-circle" width="35"
                                    alt="flexy">
                                @else
                                    <img src="{{ asset('back') }}/images/users/3.jpg" class="rounded-circle" width="35"
                                    alt="flexy">
                                @endif
                                <div class="ms-3">
                                    <h6 class="mb-0 fw-bold">{{ $delegated_job_action_plan->assigned_to->nama_lengkap }}</h6>
                                    <span
                                        class="text-muted fs-9">{{ isset($delegated_job_action_plan->assigned_to->jabatan->nama) ? $delegated_job_action_plan->assigned_to->jabatan->nama : 'no position yet' }}</span>
                                </div>
                            </div>
                        @elseif($status == 'program')
                            @foreach($program_fml_action_plan->assignTeam as $item)
                            <div class="d-flex align-items-center mb-2">
                                @if(Storage::exists($item->pegawai->foto))
                                    <img src="{{ Storage::url($item->pegawai->foto) }}" class="rounded-circle" width="35"
                                    alt="flexy">
                                @else
                                    <img src="{{ asset('back') }}/images/users/3.jpg" class="rounded-circle" width="35"
                                    alt="flexy">
                                @endif
                                <div class="ms-3">
                                    <h6 class="mb-0 fw-bold">{{ $item->pegawai->nama_lengkap }}</h6>
                                    <span
                                        class="text-muted fs-9">{{ isset($item->pegawai->jabatan->nama) ? $item->pegawai->jabatan->nama : 'no position yet' }}</span>
                                </div>
                            </div>
                            @endforeach
                        @elseif($status == 'project')
                            @foreach($project_action_plan->assignTeam as $item)
                                <div class="d-flex align-items-center mb-2">
                                    @if(Storage::exists($item->pegawai->foto))
                                        <img src="{{ Storage::url($item->pegawai->foto) }}" class="rounded-circle" width="35"
                                        alt="flexy">
                                    @else
                                        <img src="{{ asset('back') }}/images/users/3.jpg" class="rounded-circle" width="35"
                                        alt="flexy">
                                    @endif
                                    <div class="ms-3">
                                        <h6 class="mb-0 fw-bold">{{ $item->pegawai->nama_lengkap }}</h6>
                                        <span
                                            class="text-muted fs-9">{{ isset($item->pegawai->jabatan->nama) ? $item->pegawai->jabatan->nama : 'no position yet' }}</span>
                                    </div>
                                </div>
                            @endforeach
                        @elseif($status == 'event')
                            @foreach($event_action_plan->assignTeam as $item)
                                <div class="d-flex align-items-center mb-2">
                                    @if(Storage::exists($item->pegawai->foto))
                                        <img src="{{ Storage::url($item->pegawai->foto) }}" class="rounded-circle" width="35"
                                        alt="flexy">
                                    @else
                                        <img src="{{ asset('back') }}/images/users/3.jpg" class="rounded-circle" width="35"
                                        alt="flexy">
                                    @endif
                                    <div class="ms-3">
                                        <h6 class="mb-0 fw-bold">{{ $item->pegawai->nama_lengkap }}</h6>
                                        <span
                                            class="text-muted fs-9">{{ isset($item->pegawai->jabatan->nama) ? $item->pegawai->jabatan->nama : 'no position yet' }}</span>
                                    </div>
                                </div>
                            @endforeach
                        @endif
                        <hr>
                    </div>
                </div>
            </div>

            <div class="col-lg-8 col-md-7">

                <ul class="nav nav-pills p-3 bg-white border mb-3 align-items-center">
                    <li class="nav-item">
                        <a href="javascript:void(0)"
                            class="
                  nav-link
                  rounded-pill
                  note-link
                  d-flex
                  align-items-center
                  justify-content-center
                  active
                  px-3 px-md-3
                  me-0 me-md-2
                "
                            id="all-part">
                            <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-list feather-sm fill-white me-0 me-md-1">
                                <line x1="8" y1="6" x2="21" y2="6"></line>
                                <line x1="8" y1="12" x2="21" y2="12"></line>
                                <line x1="8" y1="18" x2="21" y2="18"></line>
                                <line x1="3" y1="6" x2="3" y2="6"></line>
                                <line x1="3" y1="12" x2="3" y2="12"></line>
                                <line x1="3" y1="18" x2="3" y2="18"></line>
                            </svg><span class="d-none d-md-block font-weight-medium">Description</span></a>
                    </li>

                </ul>
                <div class="tab-content">
                    <div id="note-full-container" class="note-has-grid row">
                        <div class="col-md-12 single-note-item all-part">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title text-primary">Description</h4>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        @if($status == 'delegated-job')
                                        <div class="row">
                                            <div class="col-md-12 col-xs-6 b-r">
                                                <h5>Job Name</h5>
                                                <p class="text-muted">
                                                    {{ $delegated_job_action_plan->name != '' ? $delegated_job_action_plan->name : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Start Date</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {{ $delegated_job_action_plan->start_date != '' ? $delegated_job_action_plan->start_date : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>End Date</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {{ $delegated_job_action_plan->end_date != '' ? $delegated_job_action_plan->end_date : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Link</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {{ $delegated_job_action_plan->link != '' ? $delegated_job_action_plan->link : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Description</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {!! $delegated_job_action_plan->description != '' ? $delegated_job_action_plan->description : '-' !!}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Reviewed by</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {!! $delegated_job_action_plan->assigned_by->nama_lengkap != '' ? $delegated_job_action_plan->assigned_by->nama_lengkap : '-' !!}
                                                </p>
                                            </div>
                                        </div>
                                        @elseif($status == 'program')
                                        <div class="row">
                                            <div class="col-md-12 col-xs-6 b-r">
                                                <h5>Task Name</h5>
                                                <p class="text-muted">
                                                    {{ $program_fml_action_plan->title != '' ? $program_fml_action_plan->title : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-6 b-r">
                                                <h5>Source</h5>
                                                <p class="text-muted">
                                                    {{ $program_fml_action_plan->program_formulation->name != '' ? $program_fml_action_plan->program_formulation->name : '-' }} (Program)
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Start Date</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {{ $program_fml_action_plan->start_date != '' ? $program_fml_action_plan->start_date : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>End Date</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {{ $program_fml_action_plan->end_date != '' ? $program_fml_action_plan->end_date : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Link</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {{ $program_fml_action_plan->link != '' ? $program_fml_action_plan->link : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Description</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {!! $program_fml_action_plan->description != '' ? $program_fml_action_plan->description : '-' !!}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Reviewed_by</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {!! $program_fml_action_plan->reviewed_by->nama_lengkap != '' ? $program_fml_action_plan->reviewed_by->nama_lengkap : '-' !!}
                                                </p>
                                            </div>
                                        </div>
                                        @elseif($status == 'project')
                                        <div class="row">
                                            <div class="col-md-12 col-xs-6 b-r">
                                                <h5>Task Name</h5>
                                                <p class="text-muted">
                                                    {{ $project_action_plan->title != '' ? $project_action_plan->title : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-6 b-r">
                                                <h5>Source</h5>
                                                <p class="text-muted">
                                                    {{ $project_action_plan->team_initiation->name != '' ? $project_action_plan->team_initiation->name : '-' }} (Project)
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Start Date</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {{ $project_action_plan->start_date != '' ? $project_action_plan->start_date : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>End Date</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {{ $project_action_plan->end_date != '' ? $project_action_plan->end_date : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Link</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {{ $project_action_plan->link != '' ? $project_action_plan->link : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Description</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {!! $project_action_plan->description != '' ? $project_action_plan->description : '-' !!}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Reviewed_by</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {!! $project_action_plan->reviewed_by->nama_lengkap != '' ? $project_action_plan->reviewed_by->nama_lengkap : '-' !!}
                                                </p>
                                            </div>
                                        </div>
                                        @elseif($status == 'event')
                                        <div class="row">
                                            <div class="col-md-12 col-xs-6 b-r">
                                                <h5>Task Name</h5>
                                                <p class="text-muted">
                                                    {{ $event_action_plan->title != '' ? $event_action_plan->title : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-6 b-r">
                                                <h5>Source</h5>
                                                <p class="text-muted">
                                                    {{ $event_action_plan->team_initiation->name != '' ? $event_action_plan->team_initiation->name : '-' }} (Event)
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Start Date</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {{ $event_action_plan->start_date != '' ? $event_action_plan->start_date : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>End Date</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {{ $event_action_plan->end_date != '' ? $event_action_plan->end_date : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Link</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {{ $event_action_plan->link != '' ? $event_action_plan->link : '-' }}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Description</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {!! $event_action_plan->description != '' ? $event_action_plan->description : '-' !!}
                                                </p>
                                            </div>
                                            <div class="col-md-12 col-xs-12 b-r">
                                                <h5>Reviewed_by</h5>
                                                <p class="text-muted" style="text-align: justify !important;">
                                                    {!! $event_action_plan->reviewed_by->nama_lengkap != '' ? $event_action_plan->reviewed_by->nama_lengkap : '-' !!}
                                                </p>
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
    <!-- Riwayat Pangkat  end-->


    <!-- ============================================================= -->
    <!-- End PAge Content -->
    <!-- ============================================================= -->
@endsection
@section('js')
    <!--This page plugins -->
    <script src="{{ asset('back') }}/extra-libs/datatables.net/js/jquery.dataTables.min.js"></script>
    <!-- start - This is for export functionality only -->
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.flash.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.print.min.js"></script>
    <script src="{{ asset('back') }}/js/pages/datatable/datatable-advanced.init.js"></script>
    <script src="{{ asset('back') }}/extra-libs/prism/prism.js"></script>
    <script src="{{ asset('back') }}/libs/select2/dist/js/select2.full.min.js"></script>
    <script src="{{ asset('back') }}/libs/select2/dist/js/select2.min.js"></script>
    <script src="{{ asset('back') }}/js/pages/forms/select2/select2.init.js"></script>
    <script src="{{ asset('back') }}/libs/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.js"></script>

    <script src="{{ asset('back') }}/libs/apexcharts/dist/apexcharts.min.js"></script>
    <script src="{{ asset('back') }}/js/pages/notes/notes.js"></script>
    <!--This page JavaScript -->

    <script src="{{ asset('back') }}/extra-libs/taskboard/js/jquery.ui.touch-punch-improved.js"></script>
    <script src="{{ asset('back') }}/extra-libs/taskboard/js/jquery-ui.min.js"></script>

    <script src="{{ asset('back') }}/extra-libs/taskboard/js/lobilist.js"></script>
    <script src="{{ asset('back') }}/extra-libs/taskboard/js/lobibox.min.js"></script>
    <!--This page JavaScript -->
    <script src="{{ asset('back') }}/libs/jquery.repeater/jquery.repeater.min.js"></script>
    <script src="{{ asset('back') }}/extra-libs/jquery.repeater/repeater-init.js"></script>
    <script src="{{ asset('back') }}/libs/dropzone/dist/min/dropzone.min.js"></script>
    {{-- <script src="{{ asset('back') }}/extra-libs/jquery.repeater/dff.js"></script> --}}
 
    <script>
        // Basic Radial Bar Chart -------> RADIAL CHART
        var options_basic = {
            series: [{{ $total_progress }}],
            chart: {
                fontFamily: '"DM Sans", sans-serif',
                height: 350,
                type: "radialBar",
            },
            colors: ["#2962ff"],
            plotOptions: {
                radialBar: {
                    hollow: {
                        size: "70%",
                    },
                    dataLabels: {
                        value: {
                            color: "#a1aab2",
                            show: true,
                        },
                    },
                },
            },
            labels: ["Progress"],
        };

        var chart_radial_basic = new ApexCharts(
            document.querySelector("#chart-radial-basic"),
            options_basic
        );
        chart_radial_basic.render();
    </script>
    <script>
        function deleteData(id) {
            Swal.fire({
                title: "Delete Delegated job?",
                text: `Are you sure to delete this data?`,
                icon: "warning",
                showCancelButton: !0,
                confirmButtonColor: "rgb(11, 42, 151)",
                cancelButtonColor: "rgb(209, 207, 207)",
                confirmButtonText: "Yes, Delete it!",
                cancelButtonText: "Cancel"
            }).then(function(t) {
                if (t.value) {
                    $.ajax({
                        url: "{{ route('delegated-job.delete') }}",
                        method: "POST",
                        data: {
                            "_token": "{{ csrf_token() }}",
                            id: id
                        },
                        success: function(data) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Done',
                                text: 'Delegated Job has been deleted successfully!',
                            }).then(function() {
                                location.href = "{{ route('delegated-job.index') }}";
                            });
                        }
                    });
                }
            })
        }
    </script>
@endsection