@extends('layouts.app')

@section('title')
    Performance Review
@endsection

@section('css')
<style>
    .disabled_nav {
        color: #cccccc!important;
    }
    td {
        padding: 12.5px 1px!important;
    }
</style>
@endsection

@section('breadcrumb')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">
                        <i class="nav-icon fas fa-list-alt"></i>
                        {{ __('Performance Review') }}
                    </h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.index') }}">{{ __('Home') }}</a></li>
                        <li class="breadcrumb-item">
                            <a href="{{ route('admin.performance_review.index') }}">{{ __('Performance Review') }}</a>
                        </li>
                        <li class="breadcrumb-item active">{{ __('Edit Performance Review') }}</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection

@section('content')
        <div class="card card-primary">
            <div class="card-body">
                @if(isset($cycle_count))
                <input type="hidden" id="cycle_count" value="{{$cycle_count}}">
                @endif
                <div class="row m-2">
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="title">{{ __('Title') }}</label>
                            <input disabled type="text" class="form-control id" name="title" id="title" placeholder="{{ __('Title') }}" @if(isset($pr) && isset($pr->title)) value='{{$pr->title}}' @endif>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="status">{{ __('Status') }}</label>
                            <select disabled name="status" id="status" class="form-control" required>
                                <option value=""></option>
                                <option value="Ongoing" @if(isset($pr) && $pr->status == 'Ongoing') selected @endif>Ongoing</option>
                                <option value="Done" @if(isset($pr) && $pr->status == 'Done') selected @endif>Done</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="selected_tests">{{ __('Test') }}</label>
                            <select id="selected_tests" class="form-control m-1" multiple required @if(isset($pr)) disabled @endif>
                                @if(isset($pr))
                                @foreach($pr->tests() as $test)
                                <option value="{{$test->id}}" selected>{{$test->name}}</option>
                                @endforeach
                                @endif
                            </select>
                            <input type="hidden" id="testss" name="testss">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="select_components">{{ __('Analyte/Component') }}</label>
                            <button type="button" class="btn btn-primary btn-sm float-right @if(isset($pr)) d-none @endif" style="padding: 1px 10px;" id="add_all_comps_btn">{{ __('Add All') }}</button>
                            <select id="selected_components" class="form-control m-1" multiple required @if(isset($pr)) disabled @endif>
                                @if(isset($pr))
                                @foreach($pr->components() as $component)
                                <option value="{{$component->id}}" selected>{{$component->name}}</option>
                                @endforeach
                                @endif
                            </select>
                            <input type="hidden" id="components" name="components">
                            <button disabled type="button" class="btn btn-primary btn-sm float-right mt-1 @if(isset($pr)) d-none @endif" style="padding: 1px 10px;" id="done_comps_btn">{{ __('Submit Analytes/Components') }}</button>
                        </div>
                    </div>
                </div>
                
                <div class="@if(!isset($pr)) d-none @endif to_show row m-2">
                    <div class="col-lg-12 mt-2">
                        <div class="form-group">
                        </div>
                    </div>
                </div>
                
                <div class="@if(!isset($pr)) d-none @endif to_show card card-primary card-tabs ml-3 mr-3 mb-3 mt-1">
                    <div class="card-header p-0">
                        <ul class="nav nav-tabs" id="custom_tabs-tab" role="tablist">
                            @if(isset($pr))
                            @foreach($pr->analysts as $analyst)
                            @can('review_performance_review')
                            <li class="nav-item">
                                <a class="nav-link" id="analyst_{{$analyst->analyst_id}}" data-toggle="pill" href="#analyst_{{$analyst->analyst_id}}_tab" role="tab" aria-controls="analyst_{{$analyst->analyst_id}}_tab" aria-selected="false" data-analyst_id="{{$analyst->analyst_id}}">{{$analyst->user->name}} {{$analyst->user->last_name}}</a>
                            </li>
                            @else
                            <li class="nav-item">
                                <a class="nav-link @if(auth()->guard('admin')->user()->id != $analyst->analyst_id) disabled disabled_nav @endif" id="analyst_{{$analyst->analyst_id}}" data-toggle="pill" href="#analyst_{{$analyst->analyst_id}}_tab" role="tab" aria-controls="analyst_{{$analyst->analyst_id}}_tab" aria-selected="false" data-analyst_id="{{$analyst->analyst_id}}">{{$analyst->user->name}} {{$analyst->user->last_name}}</a>
                            </li>
                            @endcan
                            @endforeach
                            @endif
                            <li class="nav-item">
                                <a class="nav-link" id="summary_section_tab" data-toggle="pill" href="#summary_section" role="tab" aria-controls="summary_section" aria-selected="false">{{__('Summary')}}</a>
                            </li>
                        </ul>
                    </div>
                
                    <div class="card-body p-2">
                        <div class="tab-content" id="custom_tabs-tabContent">
                            @if(isset($pr))
                            @foreach($pr->analysts as $analyst)
                            <div class="tab-pane fade analyst_tab_content" id="analyst_{{$analyst->analyst_id}}_tab" role="tabpanel" aria-labelledby="analyst_{{$analyst->analyst_id}}" data-analyst_id='{{$analyst->analyst_id}}'>
                                <input type="hidden" name="analysts[{{$analyst->analyst_id}}][analyst_record_id]" value="{{$analyst->id}}">
                                <input type="hidden" name="analysts[{{$analyst->analyst_id}}][id]" value="{{$analyst->analyst_id}}" class="analyst_id_tab">
                                <div class="card card-primary card-tabs m-2">
                                    <div class="card-header p-0">
                                        <ul class="nav nav-tabs cycles_tab_headers" id="analyst_{{$analyst->analyst_id}}_cycles_tabs" role="tablist">
                                            @foreach($analyst->cycles as $cycle)
                                            <li class="nav-item">
                                                <input type="hidden" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][cycle_record_id]" value="{{$cycle->id}}">
                                                <input type="hidden" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][cycle_no]" value="{{$cycle->cycle_no}}">
                                                <a class="nav-link @if($cycle->cycle_no == 1) active @endif" id="analyst_{{$analyst->analyst_id}}_cycle_{{$cycle->cycle_no}}_tab" data-toggle="pill" href="#analyst_{{$analyst->analyst_id}}_cycle_{{$cycle->cycle_no}}" role="tab" aria-controls="analyst_{{$analyst->analyst_id}}_cycle_{{$cycle->cycle_no}}" aria-selected="false">Cycle {{$cycle->cycle_no}}</a>
                                            </li>
                                            @endforeach
                                        </ul>
                                    </div>
                
                                    <div class="card-body p-1">
                                        <div class="tab-content cycles_tab_contents" id="analyst_{{$analyst->analyst_id}}_cycles_tabsContent">
                                            @foreach($analyst->cycles as $cycle)
                                            <div class="tab-pane fade @if($cycle->cycle_no == 1) show active @endif" id="analyst_{{$analyst->analyst_id}}_cycle_{{$cycle->cycle_no}}" role="tabpanel" aria-labelledby="analyst_{{$analyst->analyst_id}}_cycle_{{$cycle->cycle_no}}_tab">
                                                <div class="m-2">
                                                    <div style="display: inline-block;min-width: 15%;" class="components">
                                                        <table class="table table-bordered mb-0">
                                                            <thead>
                                                                <tr>
                                                                    <th style="text-align: center; vertical-align: middle; height: 109.5px;" rowspan="2">Analyte</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody style="text-align: center" class="components_list">
                                                                @foreach($pr->components() as $comp)
                                                                <tr>
                                                                    <td class="component_list_item component_list_item_{{$comp->id}}" data-component_id="{{$comp->id}}">{{$comp->name}}</td>
                                                                <tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    <div style="width: 84%;display: inline-block;vertical-align: top; overflow-x: scroll; white-space: nowrap;" class="dates">
                                                        @foreach($cycle->dates as $date)
                                                        <table class="table table-bordered mb-0 date_table" style="width: min-content; display: inline-block; vertical-align: top;">
                                                            <thead>
                                                                <tr>
                                                                    <th style="text-align: center; vertical-align: middle" rowspan="1" colspan="2">
                                                                        <input type="hidden" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][dates][date_{{$date->id}}][date_record_id]" value="{{$date->id}}">
                                                                        <input disabled type="date" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][dates][date_{{$date->id}}][date]" max="{{date('Y-m-d')}}" class="form-control cycle_date" value="{{$date->date}}">
                                                                    </th>
                                                                    <th style="text-align: center; vertical-align: middle" rowspan="2">Intraday Mean</th>
                                                                    <th style="text-align: center; vertical-align: middle" rowspan="2">Intraday SD</th>
                                                                    <th style="text-align: center; vertical-align: middle" rowspan="2">Intraday RSD</th>
                                                                    <th style="text-align: center; vertical-align: middle" rowspan="2">True Value</th>
                                                                    <th style="text-align: center; vertical-align: middle" rowspan="2">% Relative Error</th>
                                                                    <th style="text-align: center; vertical-align: middle" rowspan="2">% Accuracy</th>
                                                                </tr>
                                                                <tr>
                                                                    <th style="text-align: center; vertical-align: middle" >Trial 1</th>
                                                                    <th style="text-align: center; vertical-align: middle" >Trial 2</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody class="date_table_body">
                                                                @foreach($date->records as $record)
                                                                @php $avg_accuracy = $date->avg_accuracy @endphp
                                                                <tr class="component_list_item_{{$record->component_id}}">
                                                                    <input type="hidden" class="record_id" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][dates][date_{{$date->id}}][components][comp_{{$record->component_id}}][row_record_id]" value="{{$record->id}}">
                                                                    <input type="hidden" class="component_id" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][dates][date_{{$date->id}}][components][comp_{{$record->component_id}}][comp_id]" value="{{$record->component_id}}">
                                                                    <td class="p-1">
                                                                        <input disabled type="number" class="form-control trial_1 trial_input" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][dates][date_{{$date->id}}][components][comp_{{$record->component_id}}][trial_1]" value="{{$record->trial_1}}">
                                                                    </td>
                                                                    <td class="p-1">
                                                                        <input disabled type="number" class="form-control trial_2 trial_input" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][dates][date_{{$date->id}}][components][comp_{{$record->component_id}}][trial_2]" value="{{$record->trial_2}}">
                                                                    </td>
                                                                    <td class="p-1">
                                                                        <input disabled type="text" class="form-control mean" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][dates][date_{{$date->id}}][components][comp_{{$record->component_id}}][mean]" value="{{$record->mean}}">
                                                                    </td>
                                                                    <td class="p-1">
                                                                        <input disabled type="text" class="form-control sd" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][dates][date_{{$date->id}}][components][comp_{{$record->component_id}}][sd]" value="{{$record->sd}}">
                                                                    </td>
                                                                    <td class="p-1">
                                                                        <input disabled type="text" class="form-control rsd" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][dates][date_{{$date->id}}][components][comp_{{$record->component_id}}][rsd]" value="{{$record->rsd}}">
                                                                    </td>
                                                                    <td class="p-1">
                                                                        <input disabled type="number" class="form-control true_value" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][dates][date_{{$date->id}}][components][comp_{{$record->component_id}}][true_value]" value="{{$record->true_value}}">
                                                                    </td>
                                                                    <td class="p-1">
                                                                        <input disabled type="text" class="form-control relative_error" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][dates][date_{{$date->id}}][components][comp_{{$record->component_id}}][relative_error]" value="{{$record->relative_error}}">
                                                                    </td>
                                                                    <td class="p-1">
                                                                        <input disabled type="text" class="form-control accuracy" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][dates][date_{{$date->id}}][components][comp_{{$record->component_id}}][accuracy]" value="{{$record->accuracy}}">
                                                                    </td>
                                                                </tr>
                                                                @endforeach
                                                                <tr>
                                                                    <td colspan="7"></td>
                                                                    <td class="p-1">
                                                                        <input type="text" disabled class="form-control avg_accuracy" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][dates][date_{{$date->id}}][avg_accuracy]" value="{{$avg_accuracy}}">
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                        @endforeach
                                                        @if(count($cycle->component_summaries) > 0)
                                                        <table class="table table-bordered mb-0 sum_table" style="width: min-content; display: inline-block; vertical-align: top;">
                                                            <thead>
                                                                <tr>
                                                                    <th style="text-align: center; vertical-align: middle; height: 109.5px;" rowspan="2">Interday Mean</th>
                                                                    <th style="text-align: center; vertical-align: middle; height: 109.5px;" rowspan="2">Interday SD</th>
                                                                    <th style="text-align: center; vertical-align: middle; height: 109.5px;" rowspan="2">Interday RSD</th>
                                                                    <th style="text-align: center; vertical-align: middle; height: 109.5px;" rowspan="2">Average % Relative Error</th>
                                                                    <th style="text-align: center; vertical-align: middle; height: 109.5px;" rowspan="2">Average % Accuracy</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody class="sum_table_body">
                                                                @foreach($cycle->component_summaries as $com_sum)
                                                                <tr class="summary_list_item_{{$com_sum->component_id}}">
                                                                    <input type="hidden" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][cycle_summary][components][comp_{{$com_sum->component_id}}][sum_row_record_id]" value="{{$com_sum->id}}">
                                                                    <input type="hidden" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][cycle_summary][components][comp_{{$com_sum->component_id}}][comp_id]" value="{{$com_sum->component_id}}">
                                                                    <td class="p-1">
                                                                        <input disabled type="text" class="form-control avg_mean" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][cycle_summary][components][comp_{{$com_sum->component_id}}][avg_mean]" value="{{$com_sum->avg_mean}}">
                                                                    </td>
                                                                    <td class="p-1">
                                                                        <input disabled type="text" class="form-control avg_sd" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][cycle_summary][components][comp_{{$com_sum->component_id}}][avg_sd]" value="{{$com_sum->avg_sd}}">
                                                                    </td>
                                                                    <td class="p-1">
                                                                        <input disabled type="text" class="form-control avg_rsd" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][cycle_summary][components][comp_{{$com_sum->component_id}}][avg_rsd]" value="{{$com_sum->avg_rsd}}">
                                                                    </td>
                                                                    <td class="p-1">
                                                                        <input disabled type="text" class="form-control avg_relative_error" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][cycle_summary][components][comp_{{$com_sum->component_id}}][avg_relative_error]" value="{{$com_sum->avg_relative_error}}">
                                                                    </td>
                                                                    <td class="p-1">
                                                                        <input disabled type="text" class="form-control avg_accuracy" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][cycle_summary][components][comp_{{$com_sum->component_id}}][avg_accuracy]" value="{{$com_sum->avg_accuracy}}">
                                                                    </td>
                                                                </tr>
                                                                @endforeach
                                                                <tr>
                                                                    <td colspan="4"></td>
                                                                    <td class="p-1">
                                                                        <input disabled type="text" class="form-control total_avg_accuracy" name="analysts[{{$analyst->analyst_id}}][cycles][cycle_{{$cycle->cycle_no}}][cycle_summary][total_avg_accuracy]" value="{{$cycle->total_avg_accuracy}}">
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                            @endif
                            <div class="tab-pane fade" id="summary_section" role="tabpanel" aria-labelledby="summary_section_tab">
                                <div id="summary_content" class="m-2">
                                    <table class="table table-bordered mb-0" style="display: inline-block; width: -webkit-fill-available; max-width: 50%; overflow-x: scroll; white-space: nowrap;">
                                        <thead style="text-align: center; vertical-align: center;">
                                            <tr id="summary_analysts">
                                                <th style="min-width: 75px"></th>
                                                @if(isset($pr))
                                                @foreach($pr->analysts as $analyst)
                                                <th class="sum_analyst" data-analyst_id="{{$analyst->analyst_id}}">{{$analyst->user->name}} {{$analyst->user->last_name}}</th>
                                                @endforeach
                                                @endif
                                            </tr>
                                        </thead>
                                        <tbody id="summary_cycles" style="text-align: center;">
                                            @if(isset($pr))
                                            @for($i = 1; $i <= $cycle_count; $i++)
                                            <tr class="sum_cycles" data-cycle_num="{{$i}}">
                                                <td class="p-1" style="vertical-align: middle;">Cycle {{$i}}</td>
                                                @foreach($pr->analysts as $analyst)
                                                <td class="p-1" style="vertical-align: middle;">
                                                    <input type="hidden" name="analysts[{{$analyst->analyst_id}}][summaries][cycles][cycle_{{$i}}][cycle_num]" value="{{$i}}">
                                                    <input readonly type="text" class="form-control sum_analyst_{{$analyst->analyst_id}}_cycle_{{$i}} sum_analyst_input" data-analyst_id="{{$analyst->analyst_id}}" data-cycle_num="{{$i}}" name="analysts[{{$analyst->analyst_id}}][summaries][cycles][cycle_{{$i}}][summary]" value="{{$analyst->cycles()->where('cycle_no', $i)->first()->total_avg_accuracy}}">
                                                </td>
                                                @endforeach
                                            </tr>
                                            @endfor
                                            @endif
                                        </tbody>
                                    </table>
                                    <div class="mb-0" style="display: inline-block; width: -webkit-fill-available; max-width: 48%; vertical-align: top;">
                                        <div id="chart_container" class="m-1">
                                            <canvas id="chart" width=700 height=400></canvas>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
@endsection

@section('scripts')
    <script src="{{url('js/admin/performance_review.js')}}"></script>
@endsection