@extends('layouts.app') 
@section('page-title')
<div class="row bg-title">
    <!-- .page title -->
    <div class="col-lg-6 col-md-4 col-sm-4 col-xs-12">
        <h4 class="page-title"><i class="{{ $pageIcon }}"></i> {{ $pageTitle }}</h4>
    </div>
    <!-- /.page title -->
    <!-- .breadcrumb -->
    <div class="col-lg-6 col-sm-8 col-md-8 col-xs-12">
        <ol class="breadcrumb">
            <li><a href="{{ route('admin.dashboard') }}">@lang('app.menu.home')</a></li>
            <li><a href="{{ route('admin.projects.index') }}">{{ $pageTitle }}</a></li>
            <li class="active">@lang('app.details')</li>
        </ol>
    </div>
    <!-- /.breadcrumb -->
</div>
@endsection
@push('head-script')
<link rel="stylesheet" href="{{ asset('plugins/bower_components/icheck/skins/all.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/custom-select/custom-select.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/multiselect/css/multi-select.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}">

<style>
    #section-line-1 .col-in{
        padding:0 10px;
    }

    #section-line-1 .col-in h3{
        font-size: 15px;
    }
</style>
@endpush 
@section('content')

<div class="row">
    <div class="col-md-12">

        <section>
            <div class="sttabs tabs-style-line">
                <div class="white-box">
                    <nav>
                        <ul>
                            <li class="tab-current"><a href="{{ route('admin.projects.show', $project->id) }}"><span>@lang('modules.projects.overview')</span></a>
                            </li>
                            @if(in_array('employees',$modules))
                            <li><a href="{{ route('admin.project-members.show', $project->id) }}"><span>@lang('modules.projects.members')</span></a></li>
                            @endif 

                            <li><a href="{{ route('admin.milestones.show', $project->id) }}"><span>@lang('modules.projects.milestones')</span></a></li>

                            @if(in_array('tasks',$modules))
                            <li><a href="{{ route('admin.tasks.show', $project->id) }}"><span>@lang('app.menu.tasks')</span></a></li>
                            @endif


                            <li><a href="{{ route('admin.files.show', $project->id) }}"><span>@lang('modules.projects.files')</span></a>
                            </li>

                            @if(in_array('invoices',$modules))
                            <li><a href="{{ route('admin.invoices.show', $project->id) }}"><span>@lang('app.menu.invoices')</span></a></li>
                            @endif @if(in_array('timelogs',$modules))
                            <li><a href="{{ route('admin.time-logs.show', $project->id) }}"><span>@lang('app.menu.timeLogs')</span></a></li>
                            @endif
                        </ul>
                    </nav>
                </div>
                <div class="content-wrap">
                    <section id="section-line-1" class="show">
                        <div class="row">

                            <div class="col-md-12">
                                <div class="white-box">
                                    <h3 class="b-b p-b-10">@lang('app.project') #{{ $project->id }} -
                                        <span class="font-bold">{{ ucwords($project->project_name) }}</span>
                                        <a href="{{ route('admin.projects.edit', $project->id) }}" class="pull-right btn btn-info btn-outline btn-rounded visible-lg visible-md" style="font-size: small"><i class="icon-note"></i> @lang('app.edit')</a>
                                        
                                        <a href="{{ route('admin.projects.edit', $project->id) }}" class="visible-xs visible-sm" style="font-size: small"><i class="icon-note"></i> @lang('app.edit')</a>  
                                        
                                        @php
                                            if ($project->status == 'in progress') {
                                                $statusText = __('app.inProgress');
                                                $statusTextColor = 'text-info';
                                                $btnTextColor = 'btn-info';
                                            } else if ($project->status == 'on hold') {
                                                $statusText = __('app.onHold');
                                                $statusTextColor = 'text-warning';
                                                $btnTextColor = 'btn-warning';
                                            } else if ($project->status == 'not started') {
                                                $statusText = __('app.notStarted');
                                                $statusTextColor = 'text-warning';
                                                $btnTextColor = 'btn-warning';
                                            } else if ($project->status == 'canceled') {
                                                $statusText = __('app.canceled');
                                                $statusTextColor = 'text-danger';
                                                $btnTextColor = 'btn-danger';
                                            } else if ($project->status == 'finished') {
                                                $statusText = __('app.finished');
                                                $statusTextColor = 'text-success';
                                                $btnTextColor = 'btn-success';
                                            }
                                        @endphp

                                        <div class="btn-group dropdown pull-right">
                                            <button aria-expanded="true" data-toggle="dropdown"
                                                    class="btn m-r-10 b-all dropdown-toggle waves-effect waves-light visible-lg visible-md"
                                                    type="button">{{ $statusText }} <span style="width: 15px; height: 15px;"
                                                    class="btn {{ $btnTextColor }} btn-small btn-circle">&nbsp;</span></button>
                                            <ul role="menu" class="dropdown-menu">
                                                <li>
                                                    <a href="javascript:;" class="submit-ticket" data-status="in progress">@lang('app.inProgress')
                                                        <span style="width: 15px; height: 15px;"
                                                              class="btn btn-info btn-small btn-circle">&nbsp;</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="submit-ticket" data-status="on hold">@lang('app.onHold')
                                                        <span style="width: 15px; height: 15px;"
                                                              class="btn btn-warning btn-small btn-circle">&nbsp;</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="submit-ticket" data-status="not started">@lang('app.notStarted')
                                                        <span style="width: 15px; height: 15px;"
                                                              class="btn btn-warning btn-small btn-circle">&nbsp;</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="submit-ticket" data-status="canceled">@lang('app.canceled')
                                                        <span style="width: 15px; height: 15px;"
                                                              class="btn btn-danger btn-small btn-circle">&nbsp;</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="submit-ticket" data-status="finished">@lang('app.finished')
                                                        <span style="width: 15px; height: 15px;"
                                                              class="btn btn-success btn-small btn-circle">&nbsp;</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </h3>


                                    <div style="max-height: 400px; overflow-y: auto;">
                                        {!! $project->project_summary !!}
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="white-box" id="project-milestones">
                                    <h3 class="box-title"><i class="fa fa-flag"></i> @lang('modules.projects.milestones') ({{ count($milestones)
                                        }})
                                        <a href="{{ route('admin.milestones.show', $project->id) }}" class="text-success pull-right"><i class="fa fa-plus"></i>
                                                @lang('modules.projects.createMilestone')</a>
                                    </h3>


                                    @forelse ($milestones as $key=>$item)
                                    <div class="ribbon-wrapper  bg-white b-all m-b-15 milestones">
                                        <div class="ribbon ribbon-corner"><span class="milestone-count">#{{ ($key+1) }}</span></div>
                                        <div class="ribbon-content">
                                            <h5 class="media-heading text-info font-light">
                                                    <a href="javascript:;" class="milestone-detail" data-milestone-id="{{ $item->id }}">{{ ucfirst($item->milestone_title )}}
                                                    </a>
                                            </h5>
                                            
                                            <div class="row m-t-20 m-b-10">
                                                <div class="col-xs-6">
                                                    @if($item->status == 'complete')
                                                    <label class="label label-success">@lang('app.complete')</label> @else
                                                    <label class="label label-danger">@lang('app.incomplete')</label> @endif
                                                </div>
                                                <div class="col-xs-6 text-right">
                                                    @if($item->cost > 0)
                                                    <strong>@lang('modules.projects.milestoneCost'):</strong> {{ $item->currency->currency_symbol.$item->cost
                                                    }} @endif

                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    @empty @lang('messages.noRecordFound') @endforelse

                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="white-box">
                                    <h3 class="box-title b-b"><i class="fa fa-clock-o"></i> @lang('modules.projects.activeTimers')</h3>
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>@lang('modules.projects.whoWorking')</th>
                                                    <th>@lang('modules.projects.activeSince')</th>
                                                    <th>&nbsp;</th>
                                                </tr>
                                            </thead>
                                            <tbody id="timer-list">
                                                @forelse($activeTimers as $key=>$time)
                                                <tr>
                                                    <td>{{ $key+1 }}</td>
                                                    <td>{{ ucwords($time->user->name) }}</td>
                                                    <td class="font-bold timer">{{ $time->duration }}</td>
                                                    <td><a href="javascript:;" data-time-id="{{ $time->id }}" class="label label-danger stop-timer">@lang('app.stop')</a></td>
                                                </tr>
                                                @empty
                                                <tr>
                                                    <td colspan="3">@lang('messages.noActiveTimer')</td>
                                                </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-md-12 col-lg-12 col-sm-12">
                                <div class="white-box">
                                    <div class="row row-in">
                                        <div class="col-lg-3 col-sm-6 row-in-br">
                                            <div class="col-in row">
                                                <div class="col-md-6 col-sm-6 col-xs-6"><i class="ti-layout-list-thumb"></i>
                                                    <h5 class="text-muted vb">@lang('modules.projects.openTasks')</h5>
                                                </div>
                                                <div class="col-md-6 col-sm-6 col-xs-6">
                                                    <h3 class="counter text-right m-t-15 text-danger">{{ count($openTasks) }}</h3>
                                                </div>
                                                <div class="col-md-12 col-sm-12 col-xs-12">
                                                    <div class="progress">
                                                        <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"
                                                            style="width: {{ $openTasksPercent }}%"><span class="sr-only">{{ $openTasksPercent }}% @lang('app.complete') (success)</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 col-sm-6 row-in-br  b-r-none">
                                            <div class="col-in row">
                                                <div class="col-md-6 col-sm-6 col-xs-6"><i class="ti-calendar"></i>
                                                    <h5 class="text-muted vb">@lang('modules.projects.daysLeft')</h5>
                                                </div>
                                                <div class="col-md-6 col-sm-6 col-xs-6">
                                                    <h3 class="counter text-right m-t-15 text-info">{{ $daysLeft }}</h3>
                                                </div>
                                                <div class="col-md-12 col-sm-12 col-xs-12">
                                                    <div class="progress">
                                                        <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: {{ $daysLeftPercent }}%"><span class="sr-only">{{ $daysLeftPercent }}% @lang('app.complete') (success)</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 col-sm-6 row-in-br">
                                            <div class="col-in row">
                                                <div class="col-md-6 col-sm-6 col-xs-6"><i class="ti-alarm-clock"></i>
                                                    <h5 class="text-muted vb">@lang('modules.projects.hoursLogged')</h5>
                                                </div>
                                                <div class="col-md-6 col-sm-6 col-xs-6">
                                                    <h3 class="counter text-right m-t-15 text-success">{{ $hoursLogged }}</h3>
                                                </div>
                                                <div class="col-md-12 col-sm-12 col-xs-12">
                                                    <div class="progress">
                                                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"
                                                            style="width: 100%"><span class="sr-only">100% Complete (success)</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 col-sm-6  b-0">
                                            <div class="col-in row">
                                                <div class="col-md-6 col-sm-6 col-xs-6"><i class="ti-alert"></i>
                                                    <h5 class="text-muted vb">@lang('app.completion')</h5>
                                                </div>
                                                @if ($project->completion_percent
                                                < 50)                                                     @elseif ($project->completion_percent >= 50 && $project->completion_percent
                                                    <
                                                        75)                                                         @else
                                                         @endif
                                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                                            <h3 class="counter text-right m-t-15 text-{{ $statusColor }}">{{ $project->completion_percent }}%</h3>
                                                        </div>
                                                        <div class="col-md-12 col-sm-12 col-xs-12">

                                                            <div class="progress">
                                                                <div class="progress-bar progress-bar-{{ $statusColor }}" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"
                                                                    style="width: {{ $project->completion_percent }}%"><span class="sr-only">{{ $project->completion_percent }}% Complete (success)</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="white-box bg-inverse p-t-10 p-b-10">
                                    <h3 class="box-title text-white">@lang('modules.projects.projectBudget')</h3>
                                    <ul class="list-inline two-part">
                                        <li><i class="fa fa-money text-white"></i></li>
                                        <li class="text-right"><span id="totalProjects" class="text-white">
                                            @if(!is_null($project->project_budget))
                                            {{ !is_null($project->currency_id) ? $project->currency->currency_symbol.$project->project_budget : $project->project_budget }}
                                            @else
                                            --
                                            @endif
                                        </span></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="white-box bg-success p-t-10 p-b-10">
                                    <h3 class="box-title text-white">@lang('app.earnings')
                                            <a class="mytooltip" href="javascript:void(0)"> <i class="fa fa-info-circle text-white"></i><span class="tooltip-content5"><span class="tooltip-text3"><span class="tooltip-inner2">@lang('modules.projects.projectEarningInfo')</span></span></span></a>
                                    </h3>
                                    <ul class="list-inline two-part">
                                        <li><i class="fa fa-money text-white"></i></li>
                                        <li class="text-right"><span id="totalProjects" class="text-white">{{ !is_null($project->currency_id) ? $project->currency->currency_symbol.$earnings : $earnings }}</span></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="white-box bg-info p-t-10 p-b-10">
                                    <h3 class="box-title text-white">@lang('modules.projects.hours_allocated')</h3>
                                    <ul class="list-inline two-part">
                                        <li><i class="ti-alarm-clock text-white"></i></li>
                                        <li class="text-right"><span id="totalProjects" class="text-white">
                                                @if(!is_null($project->project_budget))
                                                {{ $project->hours_allocated }}
                                                @else
                                                --
                                                @endif
                                            
                                        </span></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="white-box bg-warning p-t-10 p-b-10">
                                    <h3 class="box-title text-white">@lang('modules.projects.expenses_total')
                                        <a class="mytooltip" href="javascript:void(0)">
                                            <i class="fa fa-info-circle text-white"></i>
                                            <span class="tooltip-content5">
                                                <span class="tooltip-text3">
                                                    <span class="tooltip-inner2">
                                                        @lang('modules.projects.projectExpenseInfo')
                                                    </span>
                                                </span>
                                            </span>
                                        </a>
                                    </h3>
                                    <ul class="list-inline two-part">
                                        <li><i class="fa fa-money text-white"></i></li>
                                        <li class="text-right"><span id="totalExpenses" class="text-white">
                                                {{ !is_null($project->currency_id) ? $project->currency->currency_symbol.$expenses : $expenses }}
                                        </span></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-9">
                                <div class="row">

                                    {{-- client details --}}
                                    <div class="col-md-6">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">@lang('modules.client.clientDetails')</div>
                                            <div class="panel-wrapper collapse in">
                                                <div class="panel-body">
                                                    @if(!is_null($project->client))
                                                    <dl>
                                                        @if(!is_null($project->client->client))
                                                        <dt>@lang('modules.client.companyName')</dt>
                                                        <dd class="m-b-10">{{ $project->client->client[0]->company_name }}</dd>
                                                        @endif

                                                        <dt>@lang('modules.client.clientName')</dt>
                                                        <dd class="m-b-10">{{ ucwords($project->client->name) }}</dd>

                                                        <dt>@lang('modules.client.clientEmail')</dt>
                                                        <dd class="m-b-10">{{ $project->client->email }}</dd>
                                                    </dl>
                                                    @else @lang('messages.noClientAddedToProject') @endif {{--Custom fields data--}} @if(isset($fields))
                                                    <dl>
                                                        @foreach($fields as $field)
                                                        <dt>{{ ucfirst($field->label) }}</dt>
                                                        <dd class="m-b-10">
                                                            @if( $field->type == 'text') {{$project->custom_fields_data['field_'.$field->id] ?? '-'}} @elseif($field->type == 'password')
                                                            {{$project->custom_fields_data['field_'.$field->id] ?? '-'}}
                                                            @elseif($field->type == 'number') {{$project->custom_fields_data['field_'.$field->id]
                                                            ?? '-'}} @elseif($field->type == 'textarea') {{$project->custom_fields_data['field_'.$field->id]
                                                            ?? '-'}} @elseif($field->type == 'radio') {{ !is_null($project->custom_fields_data['field_'.$field->id])
                                                            ? $project->custom_fields_data['field_'.$field->id] : '-' }}
                                                            @elseif($field->type == 'select') {{ (!is_null($project->custom_fields_data['field_'.$field->id])
                                                            && $project->custom_fields_data['field_'.$field->id] != '') ?
                                                            $field->values[$project->custom_fields_data['field_'.$field->id]]
                                                            : '-' }} @elseif($field->type == 'checkbox') {{ !is_null($project->custom_fields_data['field_'.$field->id])
                                                            ? $field->values[$project->custom_fields_data['field_'.$field->id]]
                                                            : '-' }} @elseif($field->type == 'date')
                                                                {{ \Carbon\Carbon::parse($project->custom_fields_data['field_'.$field->id])->format($global->date_format)}}
                                                            @endif
                                                        </dd>
                                                        @endforeach
                                                    </dl>
                                                    @endif {{--custom fields data end--}}
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    {{-- project members --}}
                                    <div class="col-md-6">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">@lang('modules.projects.members')</div>
                                            <div class="panel-wrapper collapse in">
                                                <div class="panel-body">
                                                    <div class="message-center">
                                                        @forelse($project->members as $member)
                                                        <a href="#">
                                                            <div class="user-img">
                                                                {!! ($member->user->image) ? '<img src="'.asset_url('avatar/'.$member->user->image).'"
                                                                    alt="user" class="img-circle" width="40" height="40">' :
                                                                '<img src="'.asset('img/default-profile-2.png').'" alt="user"
                                                                    class="img-circle" width="40" height="40">' !!}
                                                            </div>
                                                            <div class="mail-contnet">
                                                                <h5>{{ ucwords($member->user->name) }}</h5>
                                                                <span class="mail-desc">{{ $member->user->email }}</span>
                                                            </div>
                                                        </a>
                                                        @empty @lang('messages.noMemberAddedToProject') @endforelse
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">

                                    {{-- project members --}}
                                    <div class="col-md-6">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">@lang('modules.projects.openTasks')</div>
                                            <div class="panel-wrapper collapse in">
                                                <div class="panel-body">
                                                    <ul class="list-task list-group" data-role="tasklist">
                                                        <li class="list-group-item" data-role="task">
                                                            <strong>@lang('app.title')</strong> <span class="pull-right"><strong>@lang('app.dueDate')</strong></span>
                                                        </li>
                                                        @forelse($openTasks as $key=>$task)
                                                        <li class="list-group-item row" data-role="task">
                                                            <div class="col-xs-8">
                                                                {{ ($key+1).'. '.ucfirst($task->heading) }}
                                                            </div>
                                                            <label class="label label-danger pull-right col-xs-4">{{ $task->due_date->format($global->date_format) }}</label>
                                                        </li>
                                                        @empty
                                                        <li class="list-group-item" data-role="task">
                                                            @lang('messages.noOpenTasks')
                                                        </li>
                                                        @endforelse
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    {{-- project members --}}
                                    <div class="col-md-6">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">@lang('modules.projects.files')</div>
                                            <div class="panel-wrapper collapse in">
                                                <div class="panel-body">
                                                    <ul class="list-task list-group" data-role="tasklist">
                                                        @forelse($recentFiles as $key=>$file)
                                                        <li class="list-group-item" data-role="task">
                                                            {{ ($key+1) }}. {{ $file->filename }} <a target="_blank" href="{{ asset_url('project-files/'.$project->id.'/'.$file->hashname) }}"
                                                                class="btn btn-info btn-circle"><i class="fa fa-search"></i></a>
                                                        </li>
                                                        @empty
                                                        <li class="list-group-item" data-role="task">
                                                            @lang('messages.noFileUploaded')
                                                        </li>
                                                        @endforelse
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            {{--Project Activity --}}
                            <div class="col-md-3" id="project-timeline">
                                <div class="panel panel-default">
                                    <div class="panel-heading">@lang('modules.projects.activityTimeline')</div>
                                    <div class="panel-wrapper collapse in">
                                        <div class="panel-body">
                                            <div class="steamline">
                                                @foreach($activities as $activ)
                                                <div class="sl-item">
                                                    <div class="sl-left"><i class="fa fa-circle text-info"></i>
                                                    </div>
                                                    <div class="sl-right">
                                                        <div>
                                                            <h6>{{ $activ->activity }}</h6> <span class="sl-date">{{ $activ->created_at->diffForHumans() }}</span></div>
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
                <!-- /content -->
            </div>
            <!-- /tabs -->
        </section>
    </div>


</div>
<!-- .row -->

{{--Ajax Modal--}}
<div class="modal fade bs-modal-md in" id="projectCategoryModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" id="modal-data-application">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <span class="caption-subject font-red-sunglo bold uppercase" id="modelHeading"></span>
            </div>
            <div class="modal-body">
                Loading...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn default" data-dismiss="modal">Close</button>
                <button type="button" class="btn blue">Save changes</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->.
</div>
{{--Ajax Modal Ends--}}
@endsection
 @push('footer-script')
<script src="{{ asset('js/cbpFWTabs.js') }}"></script>
<script src="{{ asset('plugins/bower_components/custom-select/custom-select.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/multiselect/js/jquery.multi-select.js') }}"></script>
<script src="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
<script type="text/javascript">
    //    (function () {
//
//        [].slice.call(document.querySelectorAll('.sttabs')).forEach(function (el) {
//            new CBPFWTabs(el);
//        });
//
//    })();

    $('#timer-list').on('click', '.stop-timer', function () {
       var id = $(this).data('time-id');
        var url = '{{route('admin.time-logs.stopTimer', ':id')}}';
        url = url.replace(':id', id);
        var token = '{{ csrf_token() }}'
        $.easyAjax({
            url: url,
            type: "POST",
            data: {timeId: id, _token: token},
            success: function (data) {
                $('#timer-list').html(data.html);
            }
        })

    });

    $('.milestone-detail').click(function(){
        var id = $(this).data('milestone-id');
        var url = '{{ route('admin.milestones.detail', ":id")}}';
        url = url.replace(':id', id);
        $('#modelHeading').html('@lang('app.update') @lang('modules.projects.milestones')');
        $.ajaxModal('#projectCategoryModal',url);
    })

    $('.submit-ticket').click(function () {

        const status = $(this).data('status');
        const url = '{{route('admin.projects.updateStatus', $project->id)}}';
        const token = '{{ csrf_token() }}'

        $.easyAjax({
            url: url,
            type: "POST",
            data: {status: status, _token: token},
            success: function (data) {
                window.location.reload();
            }
        })
    });

</script>

@endpush