<?php echo message_box('success'); ?>
<?php echo message_box('error'); ?>
<?php
$open_tasks = null;

$totalDays = round((human_to_unix($project_details->end_date . ' 00:00') - human_to_unix($project_details->start_date . ' 00:00')) / 3600 / 24);
$TotalGone = $totalDays;
$tprogress = 100;
if (human_to_unix($project_details->start_date . ' 00:00') < time() && human_to_unix($project_details->end_date . ' 00:00') > time()) {
    $TotalGone = round((human_to_unix($project_details->end_date . ' 00:00') - time()) / 3600 / 24);
    $tprogress = $TotalGone / $totalDays * 100;
}
if (human_to_unix($project_details->end_date . ' 00:00') < time()) {
    $TotalGone = 0;
    $tprogress = 0;
}
if (safe_strtotime(date('Y-m-d')) > safe_strtotime($project_details->end_date . ' 00:00')) {
    $lang = lang('days_gone');
} else {
    $lang = lang('days_left');
}
$overdueDays = null;
$is_overdue = $project_details->project_status != 'completed' && $totalDays < 0;
if ($is_overdue) {
    $overdueDays = $totalDays . ' ' . lang('days_gone');
}

$tab_style = $this->input->get('tab_style', true);
$allowed_styles = array('pills', 'underline', 'stacked', 'segmented', 'card', '1', '2', '3', '4', '5');
if (empty($tab_style) || !in_array($tab_style, $allowed_styles, true)) {
    $tab_style = config_item('tab_style');
}

$status_map = array(
    'started' => 'bg-indigo-50 text-indigo-700 border-indigo-200 ring-1 ring-inset ring-opacity-20 ring-gray-500/20',
    'in_progress' => 'bg-blue-50 text-blue-700 border border-blue-100 ring-1 ring-inset ring-opacity-20 ring-gray-500/20',
    'on_hold' => 'bg-yellow-50 text-yellow-700 border border-yellow-100 ring-1 ring-inset ring-opacity-20 ring-gray-500/20',
    'completed' => 'bg-emerald-50 text-emerald-700 border border-emerald-100 ring-1 ring-inset ring-opacity-20 ring-gray-500/20',
    'cancel' => 'bg-rose-50 text-rose-700 border border-rose-100 ring-1 ring-inset ring-opacity-20 ring-gray-500/20',
);

$participants = array();
if ($project_details->permission != 'all') {
    $permission = json_decode($project_details->permission);
    $permission_ids = array_keys((array) $permission);
    if (!empty($permission_ids)) {
        $participants = $this->db
            ->select('tbl_users.user_id, tbl_users.role_id, tbl_account_details.fullname, tbl_account_details.avatar')
            ->from('tbl_users')
            ->join('tbl_account_details', 'tbl_account_details.user_id = tbl_users.user_id', 'left')
            ->where_in('tbl_users.user_id', $permission_ids)
            ->get()->result();
    }
}

$client_name = '-';
if (!empty($project_details->client_id)) {
    $client_info = $this->db->where('client_id', $project_details->client_id)->get('tbl_client')->row();
    if (!empty($client_info)) {
        $client_name = $client_info->name;
    }
}
?>

<div class="overflow-hidden rounded-2xl border border-border bg-card shadow-sm">
    <div class="border-b border-border px-5 py-5 sm:px-6 lg:px-8">
        <div class="flex min-w-0 flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
            <div class="min-w-0">
                <div class="mb-2 flex min-w-0 flex-wrap items-center gap-2 text-sm text-muted-foreground">
                    <a class="inline-flex items-center gap-1 font-semibold text-muted-foreground transition hover:text-primary" href="<?= base_url() ?>client/projects">
                        <i data-lucide="folder" class="h-4 w-4"></i>
                        <span><?= lang('projects') ?></span>
                    </a>
                    <i data-lucide="chevron-right" class="h-3.5 w-3.5 text-muted-foreground/70"></i>
                    <span class="max-w-full truncate"><?= $client_name ?></span>
                    <i data-lucide="chevron-right" class="h-3.5 w-3.5 text-muted-foreground/70"></i>
                    <span class="font-semibold text-foreground">#<?= html_escape($project_details->project_no) ?></span>
                </div>
                <h1 class="m-0 break-words text-2xl font-bold leading-tight text-foreground sm:text-3xl"><?= html_escape($project_details->project_name) ?></h1>
                <?php if (!empty($project_details->description)) { ?>
                    <div class="mt-2 max-w-4xl text-sm leading-6 text-muted-foreground line-clamp-2">
                        <?= strip_tags($project_details->description); ?>
                    </div>
                <?php } ?>
            </div>
            <?php if (!empty($project_details->project_status)) { ?>
                <div class="shrink-0">
                    <span class="inline-flex items-center rounded-full px-3 py-1.5 text-xs font-bold uppercase leading-none tracking-wide <?= $status_map[$project_details->project_status] ?? 'border border-border bg-muted text-muted-foreground' ?>">
                        <?= lang($project_details->project_status); ?>
                    </span>
                </div>
            <?php } ?>
        </div>

    </div>

    <div class="grid gap-0 divide-y divide-border px-5 py-5 sm:grid-cols-2 sm:divide-x sm:divide-y-0 sm:px-6 lg:grid-cols-4 lg:px-8">
            <div class="py-3 sm:pr-5 lg:py-0">
                <div class="mb-2 text-xs font-bold uppercase tracking-wide text-muted-foreground">
                    <?= lang('status') ?>
                </div>
                <?php if (!empty($project_details->project_status)) { ?>
                    <span class="inline-flex items-center rounded-full px-3 py-1.5 text-xs font-semibold <?= $status_map[$project_details->project_status] ?? 'border border-border bg-muted text-muted-foreground' ?>">
                        <?= lang($project_details->project_status); ?>
                    </span>
                <?php } ?>
            </div>
            <div class="py-3 sm:pl-5 lg:px-5 lg:py-0">
                <div class="mb-2 text-xs font-bold uppercase tracking-wide text-muted-foreground">
                    <?= lang('timeline') ?>
                </div>
                <div class="flex flex-wrap items-center gap-1.5 text-sm font-semibold text-foreground">
                    <i data-lucide="calendar" class="h-4 w-4 text-muted-foreground"></i>
                    <?= display_date($project_details->start_date); ?> <span class="mx-1 text-slate-300">â†’</span> <?= display_date($project_details->end_date); ?>
                    <span class="ml-3 text-sm font-normal text-slate-500"><?= $TotalGone; ?> <?= $lang; ?></span>
                </div>
            </div>
            <div>
                <div class="text-xs font-semibold text-slate-400 uppercase tracking-wide mb-1"><?= lang('completion') ?></div>
                <div class="flex items-center">
                    <div class="w-52 bg-slate-100 rounded-full h-2 mr-2">
                        <div class="bg-emerald-500 h-2 rounded-full" style="width: <?= round(100 - $tprogress); ?>%"></div>
                    </div>
                    <span class="text-sm font-bold text-slate-900"><?= round(100 - $tprogress); ?>%</span>
                </div>
            </div>
            <div class="border-slate-100 lg:border-l lg:pl-8">
                <div class="flex -space-x-2">
                    <?php if (!empty($participants)) { ?>
                        <?php foreach ($participants as $member) { ?>
                            <img class="inline-block h-10 w-10 rounded-full ring-2 ring-white" src="<?= base_url() . $member->avatar ?>" alt="<?= html_escape($member->fullname); ?>" title="<?= html_escape($member->fullname); ?>">
                        <?php } ?>
                    <?php } else { ?>
                        <span data-tooltip="<?= lang('everyone') ?>"
                            class="text-sm text-slate-500 h-10 w-10 rounded-full bg-slate-100 ring-2 ring-white flex items-center justify-center text-xs font-bold text-slate-500"><?= lang('all') ?></span>
                    <?php } ?>
                </div>
            </div>
        </div>
    </div>
</div>

<?php
$this->load->view('admin/common/tabs');
?><?php echo message_box('success'); ?>
<?php echo message_box('error'); ?>

<style>
    .note-editor .note-editable {
        height: 150px;
    }
</style>
<?php
$comment_type = 'projects';
if (!empty($project_details->client_id)) {
    $currency = $this->items_model->client_currency_symbol($project_details->client_id);
} else {
    $currency = $this->db->where('code', config_item('default_currency'))->get('tbl_currencies')->row();
}
$project_settings = json_decode($project_details->project_settings);

$comment_details = $this->db->where(array('project_id' => $project_details->project_id, 'comments_reply_id' => '0', 'attachments_id' => '0', 'uploaded_files_id' => '0'))->order_by('comment_datetime', 'DESC')->get('tbl_task_comment')->result();

$where = array('project_id' => $project_details->project_id, 'client_visible' => 'Yes');

if (!empty($project_settings[1]) && $project_settings[1] == 'show_milestones') {
    $all_milestones_info = $this->db->where($where)->get('tbl_milestones')->result();
}

if (!empty($project_settings[2]) && $project_settings[2] == 'show_project_tasks') {
    $all_task_info = $this->db->where($where)->order_by('task_id', 'DESC')->get('tbl_task')->result();
}
if (!empty($project_settings[5]) && $project_settings[5] == 'show_project_bugs') {
    $all_bugs_info = $this->db->where($where)->order_by('bug_id', 'DESC')->get('tbl_bug')->result();
}

$total_timer = $this->db->where(array('project_id' => $project_details->project_id))->get('tbl_tasks_timer')->result();

if (!empty($project_settings[6]) && $project_settings[6] == 'show_project_history') {
    $activities_count = $this->common_model->count_activities_info('projects', $project_details->project_id);
}

$project_invoice_summary = isset($project_invoice_summary) ? $project_invoice_summary : array(
    'rows' => array(),
    'currency_symbol' => '',
    'total_amount' => 0,
    'total_due' => 0,
    'paid_amount' => 0,
    'overdue_count' => 0,
    'invoice_count' => 0,
);
$all_invoice_info = !empty($project_invoice_summary['rows'])
    ? $project_invoice_summary['rows']
    : $this->db->where(array('status !=' => 'draft', 'project_id' => $project_details->project_id))->get('tbl_invoices')->result();
$all_estimates_info = $this->db->where(array('status !=' => 'draft', 'project_id' => $project_details->project_id))->get('tbl_estimates')->result();
$all_expense_info = $this->db->where(array('project_id' => $project_details->project_id, 'type' => 'Expense'))->get('tbl_transactions')->result();
$project_finance_summary = isset($project_finance_summary) ? $project_finance_summary : array('total_amount' => 0, 'billable_amount' => 0, 'not_billable_amount' => 0);
$project_billed_expense_total = isset($project_billed_expense_total) ? (float) $project_billed_expense_total : 0;

$all_tickets_info = $this->db->where(array('project_id' => $project_details->project_id))->get('tbl_tickets')->result();

$project_hours = $this->items_model->calculate_project('project_hours', $project_details->project_id);

if ($project_details->billing_type == 'tasks_hours' || $project_details->billing_type == 'tasks_and_project_hours') {
    $tasks_hours = $this->items_model->total_project_hours($project_details->project_id, '', true);
}
$project_cost = $this->items_model->calculate_project('project_cost', $project_details->project_id);
$where = array('user_id' => $this->session->userdata('user_id'), 'module_id' => $project_details->project_id, 'module_name' => 'project');
$check_existing = $this->items_model->check_by($where, 'tbl_pinaction');
if (!empty($check_existing)) {
    $url = 'remove_todo/' . $check_existing->pinaction_id;
    $btn = 'danger';
    $title = lang('remove_todo');
} else {
    $url = 'add_todo_list/project/' . $project_details->project_id;
    $btn = 'warning';
    $title = lang('add_todo_list');
}
$this->load->helper('date');
$totalDays = round((human_to_unix($project_details->end_date . ' 00:00') - human_to_unix($project_details->start_date . ' 00:00')) / 3600 / 24);
$TotalGone = $totalDays;
$tprogress = 100;
if (human_to_unix($project_details->start_date . ' 00:00') < time() && human_to_unix($project_details->end_date . ' 00:00') > time()) {
    $TotalGone = round((human_to_unix($project_details->end_date . ' 00:00') - time()) / 3600 / 24);
    $tprogress = $TotalGone / $totalDays * 100;
}
if (human_to_unix($project_details->end_date . ' 00:00') < time()) {
    $TotalGone = 0;
    $tprogress = 0;
}
if (safe_strtotime(date('Y-m-d')) > safe_strtotime($project_details->end_date . '00:00')) {
    $lang = lang('days_gone');
} else {
    $lang = lang('days_left');
}
?>
<div class="row" style="max-width: 100%; margin-left: 0; margin-right: 0;">
    <div class="col-sm-2">

        <ul class="nav nav-pills nav-stacked navbar-custom-nav">
            <li class="btn-success" style="margin-right: 0px; "></li>
            <li class="<?= $active == 1 ? 'active' : '' ?>" style="margin-right: 0px; "><a href="#task_details" data-toggle="tab"><?= lang('project_details') ?></a>
            </li>
            <?php if (!empty($project_settings[7]) && $project_settings[7] == 'show_project_calendar') { ?>
                <li class="<?= $active == 15 ? 'active' : '' ?>"><a href="<?= base_url() ?>client/projects/project_details/<?= $project_details->project_id ?>/15"><?= lang('calendar') ?></a>
                </li>
            <?php } ?>
            <?php if (!empty($project_settings[8]) && $project_settings[8] == 'show_project_comments') { ?>
                <li class="<?= $active == 3 ? 'active' : '' ?>"><a href="#task_comments" data-toggle="tab"><?= lang('comments') ?><strong class="pull-right"><?= (!empty($comment_details) ? count($comment_details) : null) ?></strong></a>
                </li>
            <?php } ?>
            <?php if (!empty($project_settings[3]) && $project_settings[3] == 'show_project_attachments') { ?>
                <li class="<?= $active == 4 ? 'active' : '' ?>"><a href="#task_attachments" data-toggle="tab"><?= lang('attachment') ?><strong class="pull-right"><?= (!empty($project_files_info) ? count($project_files_info) : null) ?></strong></a>
                </li>
            <?php } ?>

            <?php if (!empty($all_milestones_info)) { ?>
                <li class="<?= $active == 5 ? 'active' : '' ?>"><a href="#milestones" data-toggle="tab"><?= lang('milestones') ?>
                        <strong class="pull-right"><?= count(array($all_milestones_info)) ?></strong></a>
                </li>
            <?php } ?>

            <?php if (!empty($all_task_info)) { ?>
                <li class="<?= $active == 6 ? 'active' : '' ?>"><a href="#task" data-toggle="tab"><?= lang('tasks') ?>
                        <strong class="pull-right"><?= (!empty($all_task_info) ? count(array($all_task_info)) : null) ?></strong></a>
                </li>
            <?php } ?>
            <?php if (!empty($all_bugs_info)) { ?>
                <li class="<?= $active == 9 ? 'active' : '' ?>"><a href="#bugs" data-toggle="tab"><?= lang('bugs') ?>
                        <strong class="pull-right"><?= (!empty($all_bugs_info) ? count(array($all_bugs_info)) : null) ?></strong></a>
                </li>
            <?php } ?>
            <?php if (!empty($project_settings[9]) && $project_settings[9] == 'show_gantt_chart') { ?>
                <li class="<?= $active == 13 ? 'active' : '' ?>"><a href="<?= base_url() ?>client/projects/project_details/<?= $project_details->project_id ?>/13"><?= lang('gantt') ?></a>
                </li>
            <?php } ?>

            <?php if (!empty($project_settings[4]) && $project_settings[4] == 'show_timesheets') { ?>
                <li class="<?= $active == 7 ? 'active' : '' ?>"><a href="#timesheet" data-toggle="tab"><?= lang('timesheet') ?><strong class="pull-right"><?= (!empty($total_timer) ? count(array($total_timer)) : null) ?></strong></a>
                </li>
            <?php } ?>
            <li class="<?= $active == 14 ? 'active' : '' ?>"><a href="#project_tickets" data-toggle="tab"><?= lang('tickets') ?><strong class="pull-right"><?= (!empty($all_tickets_info) ? count(array($all_tickets_info)) : null) ?></strong></a>
            </li>
            <?php if (!empty($all_invoice_info)) { ?>
                <li class="<?= $active == 11 ? 'active' : '' ?>"><a href="#invoice" data-toggle="tab"><?= lang('invoice') ?><strong class="pull-right"><?= (!empty($all_invoice_info) ? count(array($all_invoice_info)) : null) ?></strong></a>
                </li>
            <?php } ?>
            <?php if (!empty($all_estimates_info)) { ?>
                <li class="<?= $active == 12 ? 'active' : '' ?>"><a href="#estimates" data-toggle="tab"><?= lang('estimates') ?><strong class="pull-right"><?= (!empty($all_estimates_info) ? count(array($all_estimates_info)) : null) ?></strong></a>
                </li>
            <?php } ?>

            <?php if (!empty($activities_count)) { ?>
                <li class="<?= $active == 2 ? 'active' : '' ?>" style="margin-right: 0px; "><a href="#activities" data-toggle="tab"><?= lang('activities') ?>
                        <strong class="pull-right"><?= (int) $activities_count ?></strong></a>
                </li>
            <?php } ?>
        </ul>
    </div>
    <div class="col-sm-10">
        <!-- Tabs within a box -->
        <div class="tab-content" style="border: 0;padding:0;">
            <!-- Task Details tab Starts -->
            <div class="tab-pane <?= $active == 1 ? 'active' : '' ?>" id="task_details" style="position: relative;">
                <div class="panel panel-custom">
                    <div class="panel-heading">
                        <h3 class="panel-title"><?php if (!empty($project_details->project_name)) echo $project_details->project_name; ?>
                        </h3>
                    </div>
                    <div class="panel-body form-horizontal task_details">
                        <?php
                        $client_info = $this->db->where('client_id', $project_details->client_id)->get('tbl_client')->row();
                        if (!empty($client_info)) {
                            $name = $client_info->name;
                        } else {
                            $name = '-';
                        }
                        ?>
                        <div class="row">
                            <div class="col-md-3 br">
                                <p class="lead bb"></p>
                                <form class="form-horizontal p-20">
                                    <div class="form-group">
                                        <div class="col-sm-4"><strong><?= lang('project_no') ?> :</strong></div>
                                        <div class="col-sm-8">
                                            <?php
                                            if (!empty($project_details->project_no)) {
                                                echo $project_details->project_no;
                                            }
                                            ?>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-4"><strong><?= lang('project_name') ?> :</strong></div>
                                        <div class="col-sm-8">
                                            <?php
                                            if (!empty($project_details->project_name)) {
                                                echo $project_details->project_name;
                                            }
                                            ?>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-4"><strong><?= lang('client') ?> :</strong></div>
                                        <div class="col-sm-8">
                                            <strong><?php echo $name; ?></strong>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-4"><strong><?= lang('start_date') ?> :</strong></div>
                                        <div class="col-sm-8">
                                            <strong><?= display_date($project_details->start_date) ?></strong>
                                        </div>
                                    </div>
                                    <?php
                                    $text = '';
                                    if ($project_details->project_status != 'completed') {
                                        if ($totalDays < 0) {
                                            $overdueDays = $totalDays . ' ' . lang('days_gone');
                                            $text = 'text-danger';
                                        }
                                    }
                                    ?>
                                    <div class="form-group">
                                        <div class="col-sm-4"><strong><?= lang('end_date') ?> :</strong></div>
                                        <div class="col-sm-8 <?= $text ?>">
                                            <strong><?= display_date($project_details->end_date) ?>
                                                <?php if (!empty($overdueDays)) {
                                                    echo lang('overdue') . ' ' . $overdueDays;
                                                } ?></strong>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-4"><strong><?= lang('demo_url') ?> :</strong></div>
                                        <div class="col-sm-8">
                                            <strong><?php
                                                    if (!empty($project_details->demo_url)) {
                                                    ?>
                                                    <a href="<?php echo $project_details->demo_url; ?>" target="_blank"><?php echo $project_details->demo_url ?></a>
                                                <?php
                                                    } else {
                                                        echo '-';
                                                    }
                                                ?></strong>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-4"><strong><?= lang('status') ?>
                                                :</strong></div>
                                        <div class="col-sm-8">
                                            <?php
                                            if (!empty($project_details->project_status)) {
                                                if ($project_details->project_status == 'completed') {
                                                    $status = "<div class='label label-success'>" . lang($project_details->project_status) . "</div>";
                                                } elseif ($project_details->project_status == 'in_progress') {
                                                    $status = "<div class='label label-primary'>" . lang($project_details->project_status) . "</div>";
                                                } elseif ($project_details->project_status == 'cancel') {
                                                    $status = "<div class='label label-danger'>" . lang($project_details->project_status) . "</div>";
                                                } else {
                                                    $status = "<div class='label label-warning'>" . lang($project_details->project_status) . "</div>";
                                                } ?>
                                                <?= $status; ?>
                                            <?php }
                                            ?>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-md-3 br">
                                <p class="lead bb"></p>
                                <form class="form-horizontal p-20">
                                    <div class="form-group">
                                        <div class="col-sm-4"><strong><?= lang('timer_status') ?>:</strong></div>
                                        <div class="col-sm-8">
                                            <?php if ($project_details->timer_status == 'on') { ?>
                                                <span class="label label-success"><?= lang('on') ?></span>
                                            <?php } else {
                                            ?>
                                                <span class="label label-danger"><?= lang('off') ?></span>
                                            <?php
                                            }
                                            ?>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-4"><strong><?= lang('billing_type') ?> :</strong></div>
                                        <div class="col-sm-8">
                                            <strong><?= lang($project_details->billing_type); ?></strong>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-4">
                                            <small><?= lang('estimate_hours') ?> :</small>
                                        </div>
                                        <div class="col-sm-8">
                                            <strong><?= ($project_details->estimate_hours); ?> m
                                            </strong>
                                            <?php if (!empty($project_details) && $project_details->billing_type == 'project_hours' || !empty($project_details) && $project_details->billing_type == 'tasks_and_project_hours') { ?>
                                                <small class="small text-muted">
                                                    <?= $project_details->hourly_rate . "/" . lang('hour') ?>
                                                <?php } ?>
                                                </small>
                                        </div>
                                    </div>
                                    <?php if (!empty($project_settings[14]) && $project_settings[14] == 'show_finance_overview') { ?>
                                        <div class="form-group">
                                            <div class="col-sm-4"><strong><?= lang('project_cost') ?> :</strong></div>
                                            <div class="col-sm-8">
                                                <strong><?= display_money($project_cost, $currency->symbol); ?></strong>
                                                <?php if (!empty($project_details) && $project_details->billing_type == 'project_hours' || !empty($project_details) && $project_details->billing_type == 'tasks_and_project_hours') { ?>
                                                    <small class="small text-muted">
                                                        <?= $project_details->hourly_rate . "/" . lang('hour') ?>
                                                    </small>
                                                <?php } ?>
                                            </div>
                                        </div>
                                    <?php } ?>
                                    <?php if (!empty($project_settings[0]) && $project_settings[0] == 'show_team_members') { ?>
                                        <div class="form-group">
                                            <div class="col-sm-4"><strong><?= lang('participants') ?>
                                                    :</strong></div>
                                            <div class="col-sm-8">
                                                <?php
                                                if ($project_details->permission != 'all') {
                                                    $get_permission = json_decode($project_details->permission);
                                                    if (!empty($get_permission)) :
                                                        foreach ($get_permission as $permission => $v_permission) :
                                                            $user_info = $this->db->where(array('user_id' => $permission))->get('tbl_users')->row();
                                                            if ($user_info->role_id == 1) {
                                                                $label = 'circle-danger';
                                                            } else {
                                                                $label = 'circle-success';
                                                            }
                                                            $profile_info = $this->db->where(array('user_id' => $permission))->get('tbl_account_details')->row();
                                                ?>


                                                            <a href="#" data-toggle="tooltip" data-placement="top" title="<?= $profile_info->fullname ?>"><img src="<?= base_url() . $profile_info->avatar ?>" class="img-circle img-xs" alt="">
                                                                <span class="custom-permission circle <?= $label ?>  circle-lg"></span>
                                                            </a>
                                                    <?php
                                                        endforeach;
                                                    endif;
                                                } else { ?>
                                                    <strong><?= lang('everyone') ?></strong>
                                                    <i title="<?= lang('permission_for_all') ?>" data-lucide="circle-help" data-toggle="tooltip" data-placement="top"></i>

                                                <?php
                                                }
                                                ?>
                                            </div>
                                        </div>
                                    <?php } ?>
                                    <?php $show_custom_fields = custom_form_label(4, $project_details->project_id);
                                    if (!empty($show_custom_fields)) {
                                        foreach ($show_custom_fields as $c_label => $v_fields) {
                                            if (!empty($v_fields)) {
                                    ?>
                                                <div class="form-group">
                                                    <div class="col-sm-4"><strong><?= $c_label ?> :</strong></div>
                                                    <div class="col-sm-8">
                                                        <?= $v_fields ?>
                                                    </div>
                                                </div>
                                    <?php }
                                        }
                                    }
                                    ?>
                                </form>
                            </div>
                            <div class="col-md-3 br">
                                <?php $paid_expense = $project_billed_expense_total; ?>
                                <p class="lead bb"></p>
                                <form class="form-horizontal p-20">
                                    <div class="form-group">
                                        <div class="col-sm-4">
                                            <strong><?= lang('total') . ' ' . lang('expense') ?></strong>:
                                        </div>
                                        <div class="col-sm-8">
                                            <strong><?= display_money($project_finance_summary['total_amount'], $currency->symbol) ?></strong>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-4">
                                            <strong><?= lang('billable') . ' ' . lang('expense') ?></strong>:
                                        </div>
                                        <div class="col-sm-8">
                                            <strong><?= display_money($project_finance_summary['billable_amount'], $currency->symbol) ?></strong>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-4">
                                            <strong><?= lang('billed') . ' ' . lang('expense') ?></strong>:
                                        </div>
                                        <div class="col-sm-8">
                                            <strong><?= display_money($paid_expense, $currency->symbol) ?></strong>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-4">
                                            <strong><?= lang('unbilled') . ' ' . lang('expense') ?></strong>:
                                        </div>
                                        <div class="col-sm-8">
                                            <strong><?= display_money($project_finance_summary['billable_amount'] - $paid_expense, $currency->symbol) ?></strong>
                                        </div>
                                    </div>

                                </form>
                            </div>
                            <div class="col-md-3">
                                <p class="lead bb"></p>
                                <form class="form-horizontal p-20">
                                    <?php if (!empty($project_settings[10]) && $project_settings[10] == 'show_project_hours') { ?>
                                        <?php
                                        $estimate_hours = $project_details->estimate_hours;
                                        $percentage = $this->items_model->get_estime_time($estimate_hours);
                                        $logged_hour = $this->items_model->calculate_project('project_hours', $project_details->project_id);
                                        if (!empty($tasks_hours)) {
                                            $logged_tasks_hours = $tasks_hours;
                                        } else {
                                            $logged_tasks_hours = 0;
                                        }
                                        $total_logged_hours = $logged_hour + $logged_tasks_hours;

                                        if ($total_logged_hours < $percentage) {
                                            $total_time = $percentage - $total_logged_hours;
                                            $worked = '<storng style="font-size: 15px;"  class="required">' . lang('left_works') . '</storng>';
                                        } else {
                                            $total_time = $total_logged_hours - $percentage;
                                            $worked = '<storng style="font-size: 15px" class="required">' . lang('extra_works') . '</storng>';
                                        }

                                        $completed = count(array($this->db->where(array('project_id' => $project_details->project_id, 'task_status' => 'completed'))->get('tbl_task')->result()));

                                        $total_task = count(array($all_task_info));
                                        if (!empty($total_task)) {
                                            if ($total_task != 0) {
                                                $task_progress = $completed / $total_task * 100;
                                            }
                                            if ($task_progress > 100) {
                                                $task_progress = 100;
                                            }
                                            if ($tprogress > 50) {
                                                $p_bar = 'bar-success';
                                            } else {
                                                $p_bar = 'bar-danger';
                                            }
                                            if ($task_progress < 49) {
                                                $t_bar = 'bar-danger';
                                            } elseif ($task_progress < 79) {
                                                $t_bar = 'bar-warning';
                                            } else {
                                                $t_bar = 'bar-success';
                                            }
                                        } else {
                                            $p_bar = 'bar-danger';
                                            $t_bar = 'bar-success';
                                            $task_progress = 0;
                                        }
                                        if (!empty($tasks_hours)) {
                                            $col_ = 'col-sm-6';
                                        } else {
                                            $col_ = '';
                                        }
                                        ?>
                                        <div class="<?= $col_ ?>">
                                            <?php if (!empty($col_)) { ?>
                                                <div class="panel panel-custom">
                                                    <div class="panel-heading">
                                                        <div class="panel-title"><?= lang('project_hours') ?></div>
                                                    </div>
                                                <?php } ?>
                                                <?= $this->items_model->get_time_spent_result($project_hours); ?>

                                                <?php if ($project_details->billing_type == 'tasks_and_project_hours') {
                                                    $total_hours = $project_hours + $tasks_hours;
                                                ?>
                                                    <h2 style="font-size: 22px"><?= lang('total') ?>
                                                        <span style="font-size: 20px">: <?= $this->items_model->get_spent_time($total_hours); ?></span>
                                                    </h2>

                                                <?php } ?>
                                                <?php if (!empty($col_)) { ?>
                                                </div>

                                            <?php } ?>
                                        </div>
                                        <div class="text-center">
                                            <div class="">
                                                <?= $worked ?>
                                            </div>
                                            <div class="">
                                                <?= $this->items_model->get_spent_time($total_time) ?>
                                            </div>
                                        </div>
                                        <div class="<?= $col_ ?>">
                                            <?php if (!empty($col_)) { ?>
                                                <div class="panel panel-custom mb-lg">
                                                    <div class="panel-heading">
                                                        <div class="panel-title"><?= lang('task_hours') ?></div>
                                                    </div>
                                                    <?= $this->items_model->get_time_spent_result($tasks_hours); ?>
                                                    <div class="ml-lg">
                                                        <p class="p0 m0">
                                                            <strong><?= lang('billable') ?></strong>: <?= $this->items_model->get_spent_time($tasks_hours) ?>
                                                        </p>
                                                        <p class="p0 m0"><strong><?= lang('not_billable') ?></strong>:
                                                            <?php
                                                            $non_billable_time = 0;
                                                            foreach ($all_task_info as $v_n_tasks) {
                                                                if (!empty($v_n_tasks->billable) && $v_n_tasks->billable == 'No') {
                                                                    $non_billable_time += $this->items_model->task_spent_time_by_id($v_n_tasks->task_id);
                                                                }
                                                            }
                                                            echo $this->items_model->get_spent_time($non_billable_time);
                                                            ?>
                                                        </p>
                                                    </div>
                                                <?php } ?>
                                                <?php if (!empty($project_settings[14]) && $project_settings[14] == 'show_finance_overview') { ?>
                                                    <h2 class="text-center mt"><?= lang('total_bill') ?>
                                                        : <?= display_money($project_cost, $currency->symbol) ?></h2>
                                                <?php } ?>
                                                <?php if (!empty($col_)) { ?>
                                                </div>
                                            <?php } ?>
                                        </div>
                                    <?php } ?>
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 br ">
                                <p class="lead bb"></p>
                                <form class="form-horizontal p-20">
                                    <blockquote style="font-size: 12px;word-wrap: break-word;"><?php
                                                                                                if (!empty($project_details->description)) {
                                                                                                    echo $project_details->description;
                                                                                                }
                                                                                                ?></blockquote>
                                </form>
                            </div>
                            <div class="col-md-6">
                                <p class="lead bb"></p>
                                <form class="form-horizontal p-20">

                                    <?php if (!empty($project_settings[10]) && $project_settings[10] == 'show_project_hours') { ?>
                                        <?php if (empty($completed)) {
                                            $completed = 0;
                                            $total_task = 0;
                                            $task_progress = 0;
                                        }
                                        if (empty($tprogress)) {
                                            $tprogress = 0;
                                        }
                                        ?>

                                        <div class="col-sm-12">
                                            <strong><?= $TotalGone . ' / ' . $totalDays . ' ' . $lang . ' (' . round($tprogress, 2) . '% )'; ?></strong>
                                        </div>
                                        <div class="col-sm-12">
                                            <div class="mt progress progress-striped progress-xs">
                                                <div class="progress-bar progress-<?= $p_bar ?> " data-toggle="tooltip" data-original-title="<?= round($tprogress, 2) ?>%" style="width: <?= round($tprogress, 2) ?>%"></div>
                                            </div>
                                        </div>

                                        <div class="col-sm-12">
                                            <strong><?= $completed . ' / ' . $total_task . ' ' . lang('open') . ' ' . lang('tasks') . ' (' . round($task_progress, 2) . '% )'; ?> </strong>
                                        </div>

                                        <div class="col-sm-12">
                                            <div class="mt progress progress-striped progress-xs">
                                                <div class="progress-bar progress-<?= $t_bar ?> " data-toggle="tooltip" data-original-title="<?= $task_progress ?>%" style="width: <?= $task_progress ?>%"></div>
                                            </div>
                                        </div>
                                    <?php } ?>


                                    <div class="col-sm-12">
                                        <strong><?= lang('completed') ?>:</strong>
                                    </div>
                                    <div class="col-sm-12">
                                        <?php
                                        $progress = $this->items_model->get_project_progress($project_details->project_id);

                                        if ($progress < 49) {
                                            $progress_b = 'progress-bar-danger';
                                        } elseif ($progress > 50 && $progress < 99) {
                                            $progress_b = 'progress-bar-primary';
                                        } else {
                                            $progress_b = 'progress-bar-success';
                                        }
                                        ?>
                                        <div class="mt progress progress-striped progress-xs">
                                            <div class="progress-bar <?= $progress_b ?> " data-toggle="tooltip" data-original-title="<?= $progress ?>%" style="width: <?= $progress ?>%"></div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Task Details tab Ends -->
            <!-- Task Comments Panel Starts --->
            <?php if (!empty($activities_count)) { ?>
                <div class="tab-pane <?= $active == 2 ? 'active' : '' ?>" id="activities" style="position: relative;">
                    <?= render_activities('projects', $project_details->project_id) ?>
                </div>
            <?php } ?>
            <?php if (!empty($project_settings[7]) && $project_settings[7] == 'show_project_calendar') { ?>
                <div class="tab-pane <?= $active == 15 ? 'active' : '' ?>" id="project_calendar" style="position: relative;">
                    <div class="panel panel-custom">
                        <div class="panel-heading">
                            <h3 class="panel-title"><?= lang('calendar') ?></h3>
                        </div>
                        <div class="panel-body">
                            <div class="">
                                <div class="panel-heading mb0" style="border-bottom: 1px solid #D8D8D8"></div>
                                <div id="calendar"></div>
                            </div>
                            <link href="<?php echo base_url() ?>asset/css/fullcalendar.css" rel="stylesheet" type="text/css">
                            <style type="text/css">
                                .datepicker {
                                    z-index: 1151 !important;
                                }

                                .mt-sm {
                                    font-size: 14px;
                                }

                                .fc-state-default {
                                    background: none !important;
                                    color: inherit !important;
                                    ;
                                }
                            </style>
                            <?php
                            $curency = $this->admin_model->check_by(array('code' => config_item('default_currency')), 'tbl_currencies');
                            $gcal_api_key = config_item('gcal_api_key');
                            $gcal_id = config_item('gcal_id');
                            ?>
                            <script type="text/javascript">
                                $(document).ready(function() {
                                    if ($('#calendar').length) {
                                        var date = new Date();
                                        var d = date.getDate();
                                        var m = date.getMonth();
                                        var y = date.getFullYear();
                                        var calendar = $('#calendar').fullCalendar({
                                            googleCalendarApiKey: '<?= $gcal_api_key ?>',
                                            eventAfterRender: function(event, element, view) {
                                                if (event.type == 'fo') {
                                                    $(element).attr('data-toggle', 'ajaxModal').addClass('ajaxModal');
                                                }
                                            },
                                            header: {
                                                center: 'prev title next',
                                                left: 'month agendaWeek agendaDay today',
                                                right: ''
                                            },
                                            buttonText: {
                                                prev: '<i data-lucide="chevron-left" />',
                                                next: '<i data-lucide="chevron-right" />'
                                            },
                                            selectable: true,
                                            selectHelper: true,
                                            select: function(start, end, allDay) {
                                                var endtime = $.fullCalendar.formatDate(end, 'h:mm tt');
                                                var starttime = $.fullCalendar.formatDate(start, 'yyyy/MM/dd');
                                                var mywhen = starttime + ' - ' + endtime;
                                                $('#event_modal #apptStartTime').val(starttime);
                                                $('#event_modal #apptEndTime').val(starttime);
                                                $('#event_modal #apptAllDay').val(allDay);
                                                $('#event_modal #when').text(mywhen);
                                                $('#event_modal').modal('show');
                                            },
                                            events: [
                                                <?php
                                                $invoice_info = $this->db->where('project_id', $project_details->project_id)->get('tbl_invoices')->result();
                                                if (!empty($invoice_info)) {
                                                    foreach ($invoice_info as $v_invoice) :
                                                        $start_day = date('d', safe_strtotime($v_invoice->due_date));
                                                        $smonth = date('n', safe_strtotime($v_invoice->due_date));
                                                        $start_month = $smonth - 1;
                                                        $start_year = date('Y', safe_strtotime($v_invoice->due_date));
                                                        $end_year = date('Y', safe_strtotime($v_invoice->due_date));
                                                        $end_day = date('d', safe_strtotime($v_invoice->due_date));
                                                        $emonth = date('n', safe_strtotime($v_invoice->due_date));
                                                        $end_month = $emonth - 1;
                                                ?> {
                                                            title: "<?php echo $v_invoice->reference_no ?>",
                                                            start: new Date(<?php echo $start_year . ',' . $start_month . ',' . $start_day; ?>),
                                                            end: new Date(<?php echo $end_year . ',' . $end_month . ',' . $end_day; ?>),
                                                            color: '<?= config_item('invoice_color') ?>',
                                                            url: '<?= base_url() ?>client/invoice/manage_invoice/invoice_details/<?= $v_invoice->invoices_id ?>'
                                                        },
                                                    <?php
                                                    endforeach;
                                                }
                                                $estimates_info = $this->db->where('project_id', $project_details->project_id)->get('tbl_estimates')->result();;
                                                if (!empty($estimates_info)) {
                                                    foreach ($estimates_info as $v_estimates) :
                                                        $start_day = date('d', safe_strtotime($v_estimates->due_date));
                                                        $smonth = date('n', safe_strtotime($v_estimates->due_date));
                                                        $start_month = $smonth - 1;
                                                        $start_year = date('Y', safe_strtotime($v_estimates->due_date));
                                                        $end_year = date('Y', safe_strtotime($v_estimates->due_date));
                                                        $end_day = date('d', safe_strtotime($v_estimates->due_date));
                                                        $emonth = date('n', safe_strtotime($v_estimates->due_date));
                                                        $end_month = $emonth - 1;
                                                    ?> {
                                                            title: "<?php echo $v_estimates->reference_no ?>",
                                                            start: new Date(<?php echo $start_year . ',' . $start_month . ',' . $start_day; ?>),
                                                            end: new Date(<?php echo $end_year . ',' . $end_month . ',' . $end_day; ?>),
                                                            color: '<?= config_item('estimate_color') ?>',
                                                            url: '<?= base_url() ?>client/estimates/index/estimates_details/<?= $v_estimates->estimates_id ?>'
                                                        },
                                                <?php
                                                    endforeach;
                                                }
                                                $start_day = date('d', safe_strtotime($project_details->end_date));
                                                $smonth = date('n', safe_strtotime($project_details->end_date));
                                                $start_month = $smonth - 1;
                                                $start_year = date('Y', safe_strtotime($project_details->end_date));
                                                $end_year = date('Y', safe_strtotime($project_details->end_date));
                                                $end_day = date('d', safe_strtotime($project_details->end_date));
                                                $emonth = date('n', safe_strtotime($project_details->end_date));
                                                $end_month = $emonth - 1;
                                                ?> {
                                                    title: "<?php echo $project_details->project_name ?>",
                                                    start: new Date(<?php echo $start_year . ',' . $start_month . ',' . $start_day; ?>),
                                                    end: new Date(<?php echo $end_year . ',' . $end_month . ',' . $end_day; ?>),
                                                    color: '<?= config_item('project_color') ?>',
                                                    url: '<?= base_url() ?>client/projects/project_details/<?= $project_details->project_id ?>'
                                                },
                                                <?php

                                                $milestone_info = $this->db->where(array('project_id' => $project_details->project_id))->get('tbl_milestones')->result();
                                                if (!empty($milestone_info)) {
                                                    foreach ($milestone_info as $v_milestone) :
                                                        $start_day = date('d', safe_strtotime($v_milestone->end_date));
                                                        $smonth = date('n', safe_strtotime($v_milestone->end_date));
                                                        $start_month = $smonth - 1;
                                                        $start_year = date('Y', safe_strtotime($v_milestone->end_date));
                                                        $end_year = date('Y', safe_strtotime($v_milestone->end_date));
                                                        $end_day = date('d', safe_strtotime($v_milestone->end_date));
                                                        $emonth = date('n', safe_strtotime($v_milestone->end_date));
                                                        $end_month = $emonth - 1;
                                                ?> {
                                                            title: '<?php echo $v_milestone->milestone_name ?>',
                                                            start: new Date(<?php echo $start_year . ',' . $start_month . ',' . $start_day; ?>),
                                                            end: new Date(<?php echo $end_year . ',' . $end_month . ',' . $end_day; ?>),
                                                            color: '<?= config_item('milestone_color') ?>',
                                                            url: '<?= base_url() ?>client/projects/project_details/<?= $project_details->project_id ?>/5'
                                                        },
                                                    <?php
                                                    endforeach;
                                                }
                                                $task_info = $this->db->where(array('project_id' => $project_details->project_id))->get('tbl_task')->result();
                                                if (!empty($task_info)) {
                                                    foreach ($task_info as $v_task) :
                                                        $start_day = date('d', safe_strtotime($v_task->due_date));
                                                        $smonth = date('n', safe_strtotime($v_task->due_date));
                                                        $start_month = $smonth - 1;
                                                        $start_year = date('Y', safe_strtotime($v_task->due_date));
                                                        $end_year = date('Y', safe_strtotime($v_task->due_date));
                                                        $end_day = date('d', safe_strtotime($v_task->due_date));
                                                        $emonth = date('n', safe_strtotime($v_task->due_date));
                                                        $end_month = $emonth - 1;
                                                    ?> {
                                                            title: "<?php echo $v_task->task_name ?>",
                                                            start: new Date(<?php echo $start_year . ',' . $start_month . ',' . $start_day; ?>),
                                                            end: new Date(<?php echo $end_year . ',' . $end_month . ',' . $end_day; ?>),
                                                            color: '<?= config_item('tasks_color') ?>',
                                                            url: '<?= base_url() ?>client/tasks/details/<?= $v_task->task_id ?>'
                                                        },
                                                    <?php
                                                    endforeach;
                                                }
                                                $bug_info = $this->db->where(array('project_id' => $project_details->project_id))->get('tbl_bug')->result();
                                                if (!empty($bug_info)) {
                                                    foreach ($bug_info as $v_bug) :
                                                        $start_day = date('d', safe_strtotime($v_bug->created_time));
                                                        $smonth = date('n', safe_strtotime($v_bug->created_time));
                                                        $start_month = $smonth - 1;
                                                        $start_year = date('Y', safe_strtotime($v_bug->created_time));
                                                        $end_year = date('Y', safe_strtotime($v_bug->created_time));
                                                        $end_day = date('d', safe_strtotime($v_bug->created_time));
                                                        $emonth = date('n', safe_strtotime($v_bug->created_time));
                                                        $end_month = $emonth - 1;
                                                    ?> {
                                                            title: "<?php echo $v_bug->bug_title ?>",
                                                            start: new Date(<?php echo $start_year . ',' . $start_month . ',' . $start_day; ?>),
                                                            end: new Date(<?php echo $end_year . ',' . $end_month . ',' . $end_day; ?>),
                                                            color: '<?= config_item('bugs_color') ?>',
                                                            url: '<?= base_url() ?>client/bugs/view_bug_details/<?= $v_bug->bug_id ?>'
                                                        },
                                                <?php
                                                    endforeach;
                                                }
                                                ?>
                                            ],
                                            eventColor: '#3A87AD',
                                        });
                                    }

                                });
                            </script>
                            <?php include_once FCPATH . 'assets/plugins/fullcalendar/fullcalendar.php'; ?>
                            <script src="<?php echo base_url(); ?>asset/js/jquery-ui.min.js"></script>
                        </div>
                    </div>
                </div>
            <?php } ?>
            <?php if (!empty($project_settings[8]) && $project_settings[8] == 'show_project_comments') { ?>
                <!-- Task Comments Panel Start--->
                <div class="tab-pane <?= $active == 3 ? 'active' : '' ?>" id="task_comments" style="position: relative;">
                    <div class="panel panel-custom">
                        <div class="panel-heading">
                            <h3 class="panel-title"><?= lang('comments') ?></h3>
                        </div>
                        <div class="panel-body chat">
                            <?php echo form_open(base_url("client/projects/save_comments"), array("id" => $comment_type . "-comment-form", "class" => "form-horizontal general-form", "enctype" => "multipart/form-data", "role" => "form")); ?>
                            <input type="hidden" name="project_id" value="<?php
                                                                            if (!empty($project_details->project_id)) {
                                                                                echo $project_details->project_id;
                                                                            }
                                                                            ?>" class="form-control">
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <?php
                                    echo form_textarea(array(
                                        "id" => "comment_description",
                                        "name" => "description",
                                        "class" => "form-control comment_description",
                                        "placeholder" => $project_details->project_name . ' ' . lang('comments'),
                                        "data-rule-required" => true,
                                        "rows" => 4,
                                        "data-msg-required" => lang("field_required"),
                                    ));
                                    ?>
                                </div>
                            </div>
                            <div id="new_comments_attachement">
                                <div class="form-group">
                                    <div class="col-sm-12">
                                        <div id="comments_file-dropzone" class="dropzone mb15">

                                        </div>
                                        <div id="comments_file-dropzone-scrollbar">
                                            <div id="comments_file-previews">
                                                <div id="file-upload-row" class="mt pull-left">
                                                    <div class="preview box-content pr-lg" style="width:100px;">
                                                        <span data-dz-remove class="pull-right" style="cursor: pointer">
                                                            <i data-lucide="x"></i>
                                                        </span>
                                                        <img data-dz-thumbnail class="upload-thumbnail-sm" />
                                                        <input class="file-count-field" type="hidden" name="files[]" value="" />
                                                        <div class="mb progress progress-striped upload-progress-sm active mt-sm" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
                                                            <div class="progress-bar progress-bar-success" style="width:0%;" data-dz-uploadprogress></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <div class="pull-right">
                                        <button type="submit" id="file-save-button" class="btn btn-primary"><?= lang('post_comment') ?></button>
                                    </div>
                                </div>
                            </div>
                            <hr />
                            <?php echo form_close();
                            $comment_reply_type = 'projects-reply';
                            ?>
                            <?php $this->load->view('client/projects/comments_list', array('comment_details' => $comment_details)) ?>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">
                    $(document).ready(function() {
                        $('#file-save-button').on('click', function(e) {
                            var ubtn = $(this);
                            ubtn.html('Please wait...');
                            ubtn.addClass('disabled');
                        });
                        $("#<?php echo $comment_type; ?>-comment-form").appForm({
                            isModal: false,
                            onSuccess: function(result) {
                                $(".comment_description").val("");
                                $(".dz-complete").remove();
                                $('#file-save-button').removeClass("disabled").html('<?= lang('post_comment') ?>');
                                $(result.data).insertAfter("#<?php echo $comment_type; ?>-comment-form");
                                toastr[result.status](result.message);
                            }
                        });
                        fileSerial = 0;
                        // Get the template HTML and remove it from the doumenthe template HTML and remove it from the doument
                        var previewNode = document.querySelector("#file-upload-row");
                        previewNode.id = "";
                        var previewTemplate = previewNode.parentNode.innerHTML;
                        previewNode.parentNode.removeChild(previewNode);
                        Dropzone.autoDiscover = false;
                        var projectFilesDropzone = new Dropzone("#comments_file-dropzone", {
                            url: "<?= base_url() ?>admin/common/upload_file",
                            thumbnailWidth: 80,
                            thumbnailHeight: 80,
                            parallelUploads: 20,
                            previewTemplate: previewTemplate,
                            dictDefaultMessage: '<?php echo lang("file_upload_instruction"); ?>',
                            autoQueue: true,
                            previewsContainer: "#comments_file-previews",
                            clickable: true,
                            accept: function(file, done) {
                                if (file.name.length > 200) {
                                    done("Filename is too long.");
                                    $(file.previewTemplate).find(".description-field").remove();
                                }
                                //validate the file
                                $.ajax({
                                    url: "<?= base_url() ?>admin/common/validate_project_file",
                                    data: {
                                        file_name: file.name,
                                        file_size: file.size
                                    },
                                    cache: false,
                                    type: 'POST',
                                    dataType: "json",
                                    success: function(response) {
                                        if (response.success) {
                                            fileSerial++;
                                            $(file.previewTemplate).find(".description-field").attr("name", "comment_" + fileSerial);
                                            $(file.previewTemplate).append("<input type='hidden' name='file_name_" + fileSerial + "' value='" + file.name + "' />\n\
                                     <input type='hidden' name='file_size_" + fileSerial + "' value='" + file.size + "' />");
                                            $(file.previewTemplate).find(".file-count-field").val(fileSerial);
                                            done();
                                        } else {
                                            $(file.previewTemplate).find("input").remove();
                                            done(response.message);
                                        }
                                    }
                                });
                            },
                            processing: function() {
                                $("#file-save-button").prop("disabled", true);
                            },
                            queuecomplete: function() {
                                $("#file-save-button").prop("disabled", false);
                            },
                            fallback: function() {
                                //add custom fallback;
                                $("body").addClass("dropzone-disabled");
                                $('.modal-dialog').find('[type="submit"]').removeAttr('disabled');

                                $("#comments_file-dropzone").hide();

                                $("#file-modal-footer").prepend("<button id='add-more-file-button' type='button' class='btn  btn-default pull-left'><i data-lucide='plus-circle'></i> " + "<?php echo lang("add_more"); ?>" + "</button>");

                                $("#file-modal-footer").on("click", "#add-more-file-button", function() {
                                    var newFileRow = "<div class='file-row pb pt10 b-b mb10'>" +
                                        "<div class='pb clearfix '><button type='button' class='btn btn-xs btn-danger pull-left mr remove-file'><i data-lucide='x'></i></button> <input class='pull-left' type='file' name='manualFiles[]' /></div>" +
                                        "<div class='mb5 pb5'><input class='form-control description-field'  name='comment[]'  type='text' style='cursor: auto;' placeholder='<?php echo lang("comment") ?>' /></div>" +
                                        "</div>";
                                    $("#comments_file-previews").prepend(newFileRow);
                                });
                                $("#add-more-file-button").trigger("click");
                                $("#comments_file-previews").on("click", ".remove-file", function() {
                                    $(this).closest(".file-row").remove();
                                });
                            },
                            success: function(file) {
                                setTimeout(function() {
                                    $(file.previewElement).find(".progress-striped").removeClass("progress-striped").addClass("progress-bar-success");
                                }, 1000);
                            }
                        });

                    })
                </script>
                <!-- Task Comments Panel Ends--->
            <?php } ?>

            <!-- Task Attachment Panel Starts --->
            <?php if (!empty($project_settings[3]) && $project_settings[3] == 'show_project_attachments') { ?>
                <div class="tab-pane <?= $active == 4 ? 'active' : '' ?>" id="task_attachments" style="position: relative;">
                    <div class="panel panel-custom">
                        <div class="panel-heading mb0">
                            <?php
                            $attach_list = $this->session->userdata('projects_media_view');
                            if (empty($attach_list)) {
                                $attach_list = 'list_view';
                            }
                            ?>
                            <h3 class="panel-title">
                                <?= lang('attach_file_list') ?>

                                <a data-toggle="tooltip" data-placement="top" href="<?= base_url('admin/common/download_all_attachment/project_id/' . $project_details->project_id) ?>" class="btn btn-default" title="<?= lang('download') . ' ' . lang('all') . ' ' . lang('attachment') ?>"><i data-lucide="download"></i></a>

                                <a data-toggle="tooltip" data-placement="top" class="btn btn-default toggle-media-view <?= (!empty($attach_list) && $attach_list == 'list_view' ? 'hidden' : '') ?>" data-type="list_view" title="<?= lang('switch_to') . ' ' . lang('media_view') ?>"><i class="fa fa-image"></i></a>

                                <a data-toggle="tooltip" data-placement="top" class="btn btn-default toggle-media-view <?= (!empty($attach_list) && $attach_list == 'media_view' ? 'hidden' : '') ?>" data-type="media_view" title="<?= lang('switch_to') . ' ' . lang('list_view') ?>"><i data-lucide="list"></i></a>


                                <div class="pull-right hidden-print" style="padding-top: 0px;padding-bottom: 8px">
                                    <a href="<?= base_url() ?>client/projects/new_attachment/<?= $project_details->project_id ?>" class="text-purple text-sm" data-toggle="modal" data-placement="top" data-target="#myModal_extra_lg">
                                        <i data-lucide="plus"></i> <?= lang('new') . ' ' . lang('attachment') ?></a>
                                </div>
                            </h3>
                        </div>
                        <script type="text/javascript">
                            $(document).ready(function() {
                                $(".toggle-media-view").click(function() {
                                    $(".media-view-container").toggleClass('hidden');
                                    $(".toggle-media-view").toggleClass('hidden');
                                    $(".media-list-container").toggleClass('hidden');
                                    var type = $(this).data('type');
                                    var module = 'projects';
                                    $.get('<?= base_url() ?>admin/common/set_media_view/' + type + '/' + module, function(response) {});
                                });
                            });
                        </script>
                        <?php
                        $this->load->helper('file');
                        if (empty($project_files_info)) {
                            $project_files_info = array();
                        } ?>
                        <div class="p media-view-container <?= (!empty($attach_list) && $attach_list == 'media_view' ? 'hidden' : '') ?>">
                            <div class="row">
                                <?php $this->load->view('client/projects/attachment_list', array('project_files_info' => $project_files_info)) ?>
                            </div>
                        </div>
                        <div class="media-list-container <?= (!empty($attach_list) && $attach_list == 'list_view' ? 'hidden' : '') ?>">
                            <?php
                            if (!empty($project_files_info)) {
                                foreach ($project_files_info as $key => $v_files_info) {
                            ?>
                                    <div class="panel-group" id="media_list_container-<?= $files_info[$key]->attachments_id ?>" style="margin:8px 0px;" role="tablist" aria-multiselectable="true">
                                        <div class="box box-info" style="border-radius: 0px ">
                                            <div class="p pb-sm" role="tab" id="headingOne" style="border-bottom: 1px solid #dde6e9">
                                                <h4 class="panel-title">
                                                    <a data-toggle="collapse" data-parent="#accordion" href="#<?php echo $key ?>" aria-expanded="true" aria-controls="collapseOne">
                                                        <strong class="text-alpha-inverse"><?php echo $files_info[$key]->title; ?> </strong>
                                                        <small style="color:#ffffff " class="pull-right">
                                                            <?php if ($files_info[$key]->user_id == $this->session->userdata('user_id')) { ?>
                                                                <?php echo ajax_anchor(base_url("client/projects/delete_files/" . $files_info[$key]->attachments_id), "<i class='text-danger' data-lucide='trash-2'></i>", array("class" => "", "title" => lang('delete'), "data-fade-out-on-success" => "#media_list_container-" . $files_info[$key]->attachments_id)); ?>
                                                            <?php } ?></small>
                                                    </a>
                                                </h4>
                                            </div>
                                            <div id="<?php echo $key ?>" class="panel-collapse collapse <?php
                                                                                                        if (!empty($in) && $files_info[$key]->files_id == $in) {
                                                                                                            echo 'in';
                                                                                                        }
                                                                                                        ?>" role="tabpanel" aria-labelledby="headingOne">
                                                <div class="content p">
                                                    <div class="table-responsive">
                                                        <table id="table-files" class="table table-striped ">
                                                            <thead>
                                                                <tr>
                                                                    <th><?= lang('files') ?></th>
                                                                    <th class=""><?= lang('size') ?></th>
                                                                    <th><?= lang('date') ?></th>
                                                                    <th><?= lang('total') . ' ' . lang('comments') ?></th>
                                                                    <th><?= lang('uploaded_by') ?></th>
                                                                    <th><?= lang('action') ?></th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <?php
                                                                $this->load->helper('file');

                                                                if (!empty($v_files_info)) {
                                                                    foreach ($v_files_info as $v_files) {
                                                                        $user_info = $this->db->where(array('user_id' => $files_info[$key]->user_id))->get('tbl_users')->row();
                                                                        $total_file_comment = count(array($this->db->where(array('uploaded_files_id' => $v_files->uploaded_files_id))->order_by('comment_datetime', 'DESC')->get('tbl_task_comment')->result()));
                                                                ?>
                                                                        <tr class="file-item">
                                                                            <td data-toggle="tooltip" data-placement="top" data-original-title="<?= $files_info[$key]->description ?>">
                                                                                <?php if ($v_files->is_image == 1) : ?>
                                                                                    <div class="file-icon"><a data-toggle="modal" data-target="#myModal_extra_lg" href="<?= base_url() ?>client/projects/attachment_details/r/<?= $files_info[$key]->attachments_id . '/' . $v_files->uploaded_files_id ?>">
                                                                                            <img style="width: 50px;border-radius: 5px;" src="<?= base_url() . $v_files->files ?>" /></a>
                                                                                    </div>
                                                                                <?php else : ?>
                                                                                    <div class="file-icon"><i data-lucide="file"></i>
                                                                                        <a data-toggle="modal" data-target="#myModal_extra_lg" href="<?= base_url() ?>client/projects/attachment_details/r/<?= $files_info[$key]->attachments_id . '/' . $v_files->uploaded_files_id ?>"><?= $v_files->file_name ?></a>
                                                                                    </div>
                                                                                <?php endif; ?>
                                                                            </td>

                                                                            <td class=""><?= $v_files->size ?>Kb</td>
                                                                            <td class="col-date"><?= date('Y-m-d' . "<br/> h:m A", safe_strtotime($files_info[$key]->upload_time)); ?></td>
                                                                            <td class=""><?= $total_file_comment ?></td>
                                                                            <td>
                                                                                <?= $user_info->username ?>
                                                                            </td>
                                                                            <td>
                                                                                <a class="btn btn-xs btn-dark" data-toggle="tooltip" data-placement="top" title="<?= lang('download') ?>" href="<?= base_url() ?>client/projects/download_files/<?= $v_files->uploaded_files_id ?>"><i data-lucide="download"></i></a>
                                                                            </td>

                                                                        </tr>
                                                                    <?php
                                                                    }
                                                                } else {
                                                                    ?>
                                                                    <tr>
                                                                        <td colspan="5">
                                                                            <?= lang('nothing_to_display') ?>
                                                                        </td>
                                                                    </tr>
                                                                <?php } ?>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            <?php
                                }
                            }
                            ?>
                        </div>
                    </div>
                </div>
            <?php } ?>
            <!-- Task Attachment Panel Ends --->
            <!-- timesheet Panel Starts --->
            <?php if (!empty($project_settings[4]) && $project_settings[4] == 'show_timesheets') { ?>
                <div class="tab-pane <?= $active == 7 ? 'active' : '' ?>" id="timesheet" style="position: relative;">
                    <style>
                        .tooltip-inner {
                            white-space: pre-wrap;
                        }
                    </style>
                    <div class="panel panel-custom">
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                <?= lang('timesheet') ?>
                            </h3>
                        </div>

                        <div class="table-responsive">
                            <table id="table-tasks-timelog" class="table table-striped     DataTables">
                                <thead>
                                    <tr>
                                        <th><?= lang('start_time') ?></th>
                                        <th><?= lang('stop_time') ?></th>
                                        <th><?= lang('project_name') ?></th>
                                        <th class="col-time"><?= lang('time_spend') ?></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php
                                    if (!empty($total_timer)) {
                                        foreach ($total_timer as $v_timer) {
                                    ?>
                                            <tr>

                                                <td><span class="label label-success"><?= display_datetime($v_timer->start_time, true) ?></span>
                                                </td>
                                                <td><span class="label label-danger"><?= display_datetime($v_timer->end_time, true); ?></span>
                                                </td>

                                                <td>
                                                    <a href="<?= base_url() ?>client/projects/project_details/<?= $v_timer->project_id ?>" class="text-info small"><?= $project_details->project_name ?>
                                                    </a>
                                                </td>
                                                <td>
                                                    <small class="small text-muted"><?= $this->items_model->get_time_spent_result($v_timer->end_time - $v_timer->start_time) ?></small>
                                                </td>

                                            </tr>
                                    <?php
                                        }
                                    }
                                    ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            <?php } ?>
            <!--timesheet Panel Ends --->
            <!-- // milestones-->
            <?php
            if (!empty($all_milestones_info)) {
            ?>
                <div class="tab-pane <?= $active == 5 ? 'active' : '' ?>" id="milestones" style="position: relative;">
                    <div class="panel panel-custom">
                        <div class="panel-heading">
                            <div class="panel-title">
                                <?= lang('milestones') ?>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="table-responsive">
                                <table id="table-milestones" class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th><?= lang('milestone_name') ?></th>
                                            <th class="col-date"><?= lang('start_date') ?></th>
                                            <th class="col-date"><?= lang('due_date') ?></th>
                                            <th><?= lang('progress') ?></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php

                                        foreach ($all_milestones_info as $key => $v_milestones) {
                                            $progress = $this->items_model->calculate_milestone_progress($v_milestones->milestones_id);
                                            $all_milestones_task = $this->db->where('milestones_id', $v_milestones->milestones_id)->get('tbl_task')->result();
                                        ?>
                                            <tr>
                                                <td><button type="button" class="border-0 bg-transparent p-0 text-info" data-original-title="<?= html_escape($v_milestones->description) ?>" data-toggle="tooltip" data-placement="top" title=""><?= html_escape($v_milestones->milestone_name) ?></button></td>
                                                <td><?= display_date($v_milestones->start_date) ?></td>
                                                <td><?php
                                                    $due_date = $v_milestones->end_date;
                                                    $due_time = safe_strtotime($due_date);
                                                    $current_time = safe_strtotime(date('Y-m-d'));
                                                    ?>
                                                    <?= display_date($due_date) ?>
                                                    <?php if ($current_time > $due_time && $progress < 100) { ?>
                                                        <span class="label label-danger"><?= lang('overdue') ?></span>
                                                    <?php } ?>
                                                </td>
                                                <td>
                                                    <div class="inline ">
                                                        <div class="easypiechart text-success" style="margin: 0px;" data-percent="<?= $progress ?>" data-line-width="5" data-track-Color="#f0f0f0" data-bar-color="#<?php
                                                                                                                                                                                                                    if ($progress >= 100) {
                                                                                                                                                                                                                        echo '8ec165';
                                                                                                                                                                                                                    } else {
                                                                                                                                                                                                                        echo 'fb6b5b';
                                                                                                                                                                                                                    }
                                                                                                                                                                                                                    ?>" data-rotate="270" data-scale-Color="false" data-size="50" data-animate="2000">
                                                            <span class="small text-muted"><?= $progress ?>
                                                                %</span>
                                                        </div>
                                                    </div>

                                                </td>
                                            </tr>
                                        <?php
                                        }
                                        ?>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            <?php } ?>
            <!-- End milestones-->

            <!-- Start Tasks Management-->
            <?php if (!empty($all_task_info)) : ?>
                <div class="tab-pane <?= $active == 6 ? 'active' : '' ?>" id="task" style="position: relative;">
                    <!-- Start Tasks Management-->
                    <div class="panel panel-custom">
                        <div class="panel-heading">
                            <div class="panel-title">
                                <?= lang('task') ?>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="table-responsive">
                                <table id="table-milestones" class="table table-striped     DataTables">
                                    <thead>
                                        <tr>
                                            <th><?= lang('task_name') ?></th>
                                            <th><?= lang('due_date') ?></th>
                                            <th class="col-sm-1"><?= lang('progress') ?></th>
                                            <th class="col-sm-1"><?= lang('status') ?></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php
                                        foreach ($all_task_info as $key => $v_task) :
                                        ?>
                                            <tr>

                                                <td><a class="text-info" style="<?php
                                                                                if ($v_task->task_progress >= 100) {
                                                                                    echo 'text-decoration: line-through;';
                                                                                }
                                                                                ?>" href="<?= base_url() ?>client/tasks/details/<?= $v_task->task_id ?>"><?php echo $v_task->task_name; ?></a>
                                                </td>

                                                <td><?php
                                                    $due_date = $v_task->due_date;
                                                    $due_time = safe_strtotime($due_date);
                                                    $current_time = safe_strtotime(date('Y-m-d'));
                                                    ?>
                                                    <?= display_date($due_date) ?>
                                                    <?php if ($current_time > $due_time && $v_task->task_progress < 100) { ?>
                                                        <span class="label label-danger"><?= lang('overdue') ?></span>
                                                    <?php } ?>
                                                </td>
                                                <td>
                                                    <div class="inline ">
                                                        <div class="easypiechart text-success" style="margin: 0px;" data-percent="<?= $v_task->task_progress ?>" data-line-width="5" data-track-Color="#f0f0f0" data-bar-color="#<?php
                                                                                                                                                                                                                                    if ($v_task->task_progress == 100) {
                                                                                                                                                                                                                                        echo '8ec165';
                                                                                                                                                                                                                                    } else {
                                                                                                                                                                                                                                        echo 'fb6b5b';
                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                    ?>" data-rotate="270" data-scale-Color="false" data-size="50" data-animate="2000">
                                                            <span class="small text-muted"><?= $v_task->task_progress ?>
                                                                %</span>
                                                        </div>
                                                    </div>

                                                </td>
                                                <td>
                                                    <?php
                                                    if ($v_task->task_status == 'completed') {
                                                        $label = 'success';
                                                    } elseif ($v_task->task_status == 'not_started') {
                                                        $label = 'info';
                                                    } elseif ($v_task->task_status == 'deferred') {
                                                        $label = 'danger';
                                                    } else {
                                                        $label = 'warning';
                                                    }
                                                    ?>
                                                    <span class="label label-<?= $label ?>"><?= lang($v_task->task_status) ?> </span>
                                                </td>

                                            </tr>
                                        <?php endforeach; ?>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div><!-- End Tasks Management-->
            <?php endif; ?>
            <!-- Start Bugs Management-->
            <?php if (!empty($all_bugs_info)) : ?>
                <div class="tab-pane <?= $active == 9 ? 'active' : '' ?>" id="bugs" style="position: relative;">

                    <div class="panel panel-custom">
                        <div class="panel-heading">
                            <div class="panel-title">
                                <?= lang('bugs') ?>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="table-responsive">
                                <table id="table-milestones" class="table table-striped     DataTables">
                                    <thead>
                                        <tr>
                                            <th><?= lang('bug_title') ?></th>
                                            <th><?= lang('status') ?></th>
                                            <th><?= lang('priority') ?></th>
                                            <th><?= lang('reporter') ?></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php
                                        foreach ($all_bugs_info as $key => $v_bugs) :
                                            $reporter = $this->db->where('user_id', $v_bugs->reporter)->get('tbl_users')->row();
                                            if ($reporter->role_id == '1') {
                                                $badge = 'danger';
                                            } elseif ($reporter->role_id == '2') {
                                                $badge = 'info';
                                            } else {
                                                $badge = 'primary';
                                            }
                                        ?>
                                            <tr>
                                                <td><a class="text-info" style="<?php
                                                                                if ($v_bugs->bug_status == 'resolve') {
                                                                                    echo 'text-decoration: line-through;';
                                                                                }
                                                                                ?>" href="<?= base_url() ?>client/bugs/view_bug_details/<?= $v_bugs->bug_id ?>"><?php echo $v_bugs->bug_title; ?></a>
                                                </td>
                                                </td>
                                                <td><?php
                                                    if ($v_bugs->bug_status == 'unconfirmed') {
                                                        $label = 'warning';
                                                    } elseif ($v_bugs->bug_status == 'confirmed') {
                                                        $label = 'info';
                                                    } elseif ($v_bugs->bug_status == 'in_progress') {
                                                        $label = 'primary';
                                                    } else {
                                                        $label = 'success';
                                                    }
                                                    ?>
                                                    <span class="label label-<?= $label ?>"><?= lang("$v_bugs->bug_status") ?></span>
                                                </td>
                                                <td><?= ucfirst($v_bugs->priority) ?></td>
                                                <td>

                                                    <span class="badge btn-<?= $badge ?> "><?= $reporter->username ?></span>
                                                </td>
                                            </tr>
                                        <?php endforeach; ?>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div><!-- End Bugs Management-->
            <?php endif; ?>
            <?php if (!empty($project_settings[9]) && $project_settings[9] == 'show_gantt_chart') {
                $all_task_info = $this->db->where(array('project_id' => $project_details->project_id, 'client_visible' => 'Yes'))->order_by('task_id', 'DESC')->get('tbl_task')->result();
            ?>

                <?php
                $direction = $this->session->userdata('direction');
                if (!empty($direction) && $direction == 'rtl') {
                    $RTL = 'on';
                } else {
                    $RTL = config_item('RTL');
                }
                if (!empty($RTL)) {
                ?>
                    <link href="<?php echo base_url() ?>assets/plugins/ganttView/jquery.ganttViewRTL.css?ver=3.0.0" rel="stylesheet">
                    <script src="<?php echo base_url() ?>assets/plugins/ganttView/jquery.ganttViewRTL.js"></script>
                <?php } else {
                ?>
                    <link href="<?php echo base_url() ?>assets/plugins/ganttView/jquery.ganttView.css?ver=3.0.0" rel="stylesheet">
                    <script src="<?php echo base_url() ?>assets/plugins/ganttView/jquery.ganttView.js"></script>
                <?php } ?>
                <div class="tab-pane <?= $active == 13 ? 'active' : '' ?>" id="gantt" style="position: relative;">
                    <div class="panel panel-custom">
                        <div class="panel-heading">
                            <h3 class="panel-title"><?= lang('gantt') ?></h3>
                        </div>
                        <div class="">
                            <?php
                            //get gantt data for Milestones
                            $gantt_data = '{name: "' . $project_details->project_name . '", desc: "", values: [{
                                label: "", from: "' . $project_details->start_date . '", to: "' . $project_details->end_date . '", customClass: "gantt-headerline"
                                }]},  ';
                            $gantt_data = '{name: "' . $project_details->project_name . '", desc: "", values: [{
                                label: "", from: "' . $project_details->start_date . '", to: "' . $project_details->end_date . '", customClass: "gantt-headerline"
                                }]},  ';
                            if (!empty($all_task_info)) {
                                foreach ($all_task_info as $g_task) {
                                    if (!empty($g_task)) {
                                        if ($g_task->milestones_id == 0) {
                                            $tasks_result['uncategorized'][] = $g_task->task_id;
                                        } else {
                                            $milestones_info = $this->db->where('milestones_id', $g_task->milestones_id)->get('tbl_milestones')->row();
                                            $tasks_result[$milestones_info->milestone_name][] = $g_task->task_id;
                                        }
                                    }
                                }
                            }
                            if (!empty($tasks_result)) {
                                foreach ($tasks_result as $cate => $tasks_info) :
                                    $counter = 0;
                                    if (!empty($tasks_info)) {
                                        foreach ($tasks_info as $tasks_id) :
                                            $task = $this->db->where('task_id', $tasks_id)->get('tbl_task')->row();
                                            if ($cate != 'uncategorized') {
                                                $milestone = $this->db->where('milestones_id', $task->milestones_id)->get('tbl_milestones')->row();
                                                if (!empty($milestone)) {
                                                    $m_start_date = $milestone->start_date;
                                                    $m_end_date = $milestone->end_date;
                                                }
                                                $classs = 'gantt-timeline';
                                            } else {
                                                $cate = lang($cate);
                                                $m_start_date = null;
                                                $m_end_date = null;
                                                $classs = '';
                                            }
                                            $milestone_Name = "";
                                            if ($counter == 0) {
                                                $milestone_Name = $cate;
                                                $gantt_data .= '
                                {
                                  name: "' . $milestone_Name . '", desc: "", values: [';

                                                $gantt_data .= '{
                                label: "", from: "' . $m_start_date . '", to: "' . $m_end_date . '", customClass: "' . $classs . '"
                                }';
                                                $gantt_data .= ']
                                },  ';
                                            }

                                            $counter++;
                                            $start = ($task->task_start_date) ? $task->task_start_date : $m_end_date;
                                            $end = ($task->due_date) ? $task->due_date : $m_end_date;
                                            if ($task->task_status == "completed") {
                                                $class = "ganttGrey";
                                            } elseif ($task->task_status == "in_progress") {
                                                $class = "ganttin_progress";
                                            } elseif ($task->task_status == "not_started") {
                                                $class = "gantt_not_started";
                                            } elseif ($task->task_status == "deferred") {
                                                $class = "gantt_deferred";
                                            } else {
                                                $class = "ganttin_progress";
                                            }
                                            $gantt_data .= '
                          {
                            name: "", desc: "' . $task->task_name . '", values: [';

                                            $gantt_data .= '{
                          label: "' . $task->task_name . '", from: "' . $start . '", to: "' . $end . '", customClass: "' . $class . '"
                          }';
                                            $gantt_data .= ']
                          },  ';
                                        endforeach;
                                    }
                                endforeach;
                            }
                            ?>

                            <div class="gantt"></div>
                            <div id="gantData">

                                <script type="text/javascript">
                                    function ganttChart(ganttData) {
                                        $(function() {
                                            "use strict";
                                            $(".gantt").gantt({
                                                source: ganttData,
                                                minScale: "years",
                                                maxScale: "years",
                                                navigate: "scroll",
                                                itemsPerPage: 30,
                                                onItemClick: function(data) {
                                                    console.log(data.id);
                                                },
                                                onAddClick: function(dt, rowId) {},
                                                onRender: function() {
                                                    console.log("chart rendered");
                                                }
                                            });

                                        });
                                    }

                                    ganttData = [<?= $gantt_data; ?>];
                                    ganttChart(ganttData);

                                    $(document).on("click", '.resize-gantt', function(e) {
                                        ganttData = [<?= $gantt_data; ?>];
                                        ganttChart(ganttData);
                                    });
                                </script>
                            </div>
                        </div>
                    </div>
                </div>
            <?php } ?>
            <div class="tab-pane <?= $active == 14 ? 'active' : '' ?>" id="project_tickets" style="position: relative;">
                <div class="box" style="border: none; padding-top: 15px;" data-collapsed="0">
                    <div class="nav-tabs-custom">
                        <!-- Tabs within a box -->
                        <ul class="nav nav-tabs">
                            <li class="<?= $task_active == 1 ? 'active' : ''; ?>"><a href="#manage_tickets" data-toggle="tab"><?= lang('tickets') ?></a>
                            </li>
                            <li class=""><a href="<?= base_url() ?>client/tickets/index/project_tickets/0/<?= $project_details->project_id ?>"><?= lang('new_ticket') ?></a>
                            </li>
                        </ul>
                        <div class="tab-content bg-white">
                            <!-- ************** general *************-->
                            <div class="tab-pane <?= $task_active == 1 ? 'active' : ''; ?>" id="manage_tickets">
                                <div class="table-responsive">
                                    <table id="table-milestones" class="table table-striped ">
                                        <thead>
                                            <tr>
                                                <th><?= lang('ticket_code') ?></th>
                                                <th><?= lang('subject') ?></th>
                                                <th class="col-date"><?= lang('date') ?></th>
                                                <?php if ($this->session->userdata('user_type') == '1') { ?>
                                                    <th><?= lang('reporter') ?></th>
                                                <?php } ?>
                                                <th><?= lang('department') ?></th>
                                                <th><?= lang('status') ?></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php
                                            if (!empty($all_tickets_info)) {
                                                foreach ($all_tickets_info as $v_tickets_info) {
                                                    $can_edit = $this->items_model->can_action('tbl_tickets', 'edit', array('tickets_id' => $v_tickets_info->tickets_id));
                                                    $can_delete = $this->items_model->can_action('tbl_tickets', 'delete', array('tickets_id' => $v_tickets_info->tickets_id));
                                                    if ($v_tickets_info->status == 'open') {
                                                        $s_label = 'danger';
                                                    } elseif ($v_tickets_info->status == 'closed') {
                                                        $s_label = 'success';
                                                    } else {
                                                        $s_label = 'default';
                                                    }
                                                    $profile_info = $this->db->where(array('user_id' => $v_tickets_info->reporter))->get('tbl_account_details')->row();
                                                    $dept_info = $this->db->where(array('departments_id' => $v_tickets_info->departments_id))->get('tbl_departments')->row();
                                                    if (!empty($dept_info)) {
                                                        $dept_name = $dept_info->deptname;
                                                    } else {
                                                        $dept_name = '-';
                                                    } ?>

                                                    <tr>

                                                        <td><span class="label label-success"><?= $v_tickets_info->ticket_code ?></span>
                                                        </td>
                                                        <td><a class="text-info" href="<?= base_url() ?>client/tickets/index/tickets_details/<?= $v_tickets_info->tickets_id ?>"><?= $v_tickets_info->subject ?></a>
                                                        </td>
                                                        <td><?= display_date($v_tickets_info->created); ?></td>
                                                        <?php if ($this->session->userdata('user_type') == '1') { ?>

                                                            <td>
                                                                <a class="pull-left recect_task  ">
                                                                    <?php if (!empty($profile_info)) {
                                                                    ?>
                                                                        <img style="width: 30px;margin-left: 18px;
                                                         height: 29px;
                                                         border: 1px solid #aaa;" src="<?= base_url() . $profile_info->avatar ?>" class="img-circle">


                                                                        <?=
                                                                        ($profile_info->fullname)
                                                                        ?>
                                                                    <?php } else {
                                                                        echo '-';
                                                                    } ?>
                                                                </a>
                                                            </td>

                                                        <?php } ?>
                                                        <td><?= $dept_name ?></td>
                                                        <?php
                                                        if ($v_tickets_info->status == 'in_progress') {
                                                            $status = 'In Progress';
                                                        } else {
                                                            $status = $v_tickets_info->status;
                                                        }
                                                        ?>
                                                        <td><span class="label label-<?= $s_label ?>"><?= ucfirst($status) ?></span>
                                                        </td>

                                                    </tr>
                                            <?php
                                                }
                                            }
                                            ?>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- End Tasks Management-->

                        </div>
                    </div>
                </div>
            </div>
            <?php if (!empty($all_invoice_info)) { ?>
                <div class="tab-pane <?= $active == 11 ? 'active' : '' ?>" id="invoice" style="position: relative;">
                    <div class="panel panel-custom">
                        <div class="panel-heading">
                            <h3 class="panel-title"><?= lang('invoice') ?></h3>
                        </div>
                        <div class="panel-body">

                            <div class="table-responsive">
                                <table id="table-milestones" class="table table-striped ">
                                    <thead>
                                        <tr>
                                            <th><?= lang('invoice') ?></th>
                                            <th class="col-date"><?= lang('due_date') ?></th>
                                            <th class="col-currency"><?= lang('amount') ?></th>
                                            <th class="col-currency"><?= lang('due_amount') ?></th>
                                            <th><?= lang('status') ?></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php
                                        foreach ($all_invoice_info as $v_invoices) {
                                            $payment_status = !empty($v_invoices->payment_status) ? $v_invoices->payment_status : $this->invoice_model->get_payment_status($v_invoices->invoices_id);
                                            if ($payment_status == lang('fully_paid')) {
                                                $label = "success";
                                            } elseif ($payment_status == lang('draft')) {
                                                $label = "default";
                                                $text = lang('status_as_draft');
                                            } elseif ($payment_status == lang('cancelled')) {
                                                $label = "danger";
                                            } elseif ($payment_status == lang('partially_paid')) {
                                                $label = "warning";
                                            } elseif ($v_invoices->emailed == 'Yes') {
                                                $label = "info";
                                                $payment_status = lang('sent');
                                            } else {
                                                $label = "danger";
                                            }

                                        ?>
                                            <tr>
                                                <td><a class="text-info" href="<?= base_url() ?>client/invoice/manage_invoice/invoice_details/<?= $v_invoices->invoices_id ?>"><?= $v_invoices->reference_no ?></a>
                                                </td>
                                                <td><?= display_date($v_invoices->due_date) ?>
                                                    <?php
                                                    if (safe_strtotime($v_invoices->due_date) < safe_strtotime(date('Y-m-d')) && $payment_status != lang('fully_paid')) { ?>
                                                        <span class="label label-danger "><?= lang('overdue') ?></span>
                                                    <?php
                                                    }
                                                    ?>
                                                </td>


                                                <td><?= display_money(isset($v_invoices->display_total) ? $v_invoices->display_total : $this->invoice_model->calculate_to('invoice_cost', $v_invoices->invoices_id), $currency->symbol) ?></td>
                                                <td><?= display_money(isset($v_invoices->display_due) ? $v_invoices->display_due : $this->invoice_model->calculate_to('invoice_due', $v_invoices->invoices_id), $currency->symbol) ?></td>
                                                <td><span class="label label-<?= $label ?>"><?= $payment_status ?></span>
                                                    <?php if ($v_invoices->recurring == 'Yes') { ?>
                                                        <span data-toggle="tooltip" data-placement="top" title="<?= lang('recurring') ?>" class="label label-primary"><i data-lucide="repeat"></i></span>
                                                    <?php } ?>

                                                </td>

                                            </tr>
                                        <?php
                                        }
                                        ?>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            <?php } ?>
            <?php if (!empty($all_estimates_info)) { ?>
                <div class="tab-pane <?= $active == 12 ? 'active' : '' ?>" id="estimates" style="position: relative;">
                    <div class="panel panel-custom">
                        <div class="panel-heading">
                            <h3 class="panel-title"><?= lang('estimates') ?></h3>
                        </div>
                        <div class="panel-body">

                            <div class="table-responsive">
                                <table id="table-milestones" class="table table-striped ">
                                    <thead>
                                        <tr>
                                            <th><?= lang('estimate') ?></th>
                                            <th><?= lang('due_date') ?></th>
                                            <th><?= lang('amount') ?></th>
                                            <th><?= lang('status') ?></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php
                                        foreach ($all_estimates_info as $v_estimates) {
                                            if ($v_estimates->status == 'Pending') {
                                                $label = "info";
                                            } elseif ($v_estimates->status == 'Accepted') {
                                                $label = "success";
                                            } else {
                                                $label = "danger";
                                            }
                                        ?>
                                            <tr>
                                                <td>
                                                    <a class="text-info" href="<?= base_url() ?>client/estimates/index/estimates_details/<?= $v_estimates->estimates_id ?>"><?= $v_estimates->reference_no ?></a>
                                                </td>
                                                <td><?= display_date($v_estimates->due_date) ?>
                                                    <?php
                                                    if (safe_strtotime($v_estimates->due_date) < safe_strtotime(date('Y-m-d')) && $v_estimates->status == 'Pending') { ?>
                                                        <span class="label label-danger "><?= lang('expired') ?></span>
                                                    <?php }
                                                    ?>
                                                </td>
                                                <td>
                                                    <?= display_money($this->estimates_model->estimate_calculation('estimate_amount', $v_estimates->estimates_id), $currency->symbol); ?>
                                                </td>
                                                <td><span class="label label-<?= $label ?>"><?= lang(strtolower($v_estimates->status)) ?></span>
                                                </td>
                                            </tr>
                                        <?php
                                        }
                                        ?>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            <?php } ?>
        </div>

    </div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        var maxAppend = 0;
        $("#add_more").click(function() {
            if (maxAppend >= 4) {
                alert(<?= json_encode(lang('max_5_file_allowed')) ?>);
            } else {
                var add_new = $('<div class="form-group" style="margin-bottom: 0px">\n\
                    <label for="field-1" class="col-sm-3 control-label"><?= lang('upload_file') ?></label>\n\
        <div class="col-sm-5">\n\
        <div class="fileinput fileinput-new" data-provides="fileinput">\n\
<span class="btn btn-default btn-file"><span class="fileinput-new" >Select file</span><span class="fileinput-exists" >Change</span><input type="file" name="task_files[]" ></span> <span class="fileinput-filename"></span><a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float: none;">&times;</a></div></div>\n\<div class="col-sm-2">\n\<strong>\n\
<a href="javascript:void(0);" class="remCF"><i data-lucide="x"></i>&nbsp;Remove</a></strong></div>');
                maxAppend++;
                $("#add_new").append(add_new);
            }
        });

        $("#add_new").on('click', '.remCF', function() {
            $(this).parent().parent().parent().remove();
        });
    });
</script>
