@extends('layouts.app')

@section('title')
    Research Service Report
@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 ml-3 fas fa-file-alt"></i>
                    {{__('Research Service Report')}}
                </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.research_service_report.index')}}">{{ __('Research Service Reports') }}</a>
                    </li>
                    <li class="breadcrumb-item active">{{ __('Research Service Report') }}</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
@endsection

@section('content')
<input type="hidden" id="viewing" value="true">
<input type="hidden" name="save_type" id="save_type">  
<input type="hidden" id="pro_leads" value="{{ $rsr->project->project_leaders }}">
<input type="hidden" id="user_level" value="{{$user_level}}"> 
<input type="hidden" id="prepared" value="{{$rsr->prepared_by_id}}"> 
<input type="hidden" id="noted" value="{{$rsr->noted_by_id}}">
<div class="card card-primary col-lg-12 p-1 m-0 mb-3">
    <div class="card-header">
        <h5 class="text-center m-0 p-0">
            {{ __('Research Service Report') }}
        </h5>
    </div>
    <div class="card-body m-0 p-0">
        <div class="row m-2">
            <div class="col-sm-4">
                <div class="form-group">
                    <label for="project_code"><span style="color:red">*</span> {{ __('Project Code')}}</label>
                    <div class="input-group mb-3">
                        <select id="project_code" name="project_id" class="form-control select2 form_input" required @if(isset($rsr) && isset($rsr->project)) disabled @endif>
                            <option value="" selected></option>
                            @foreach($projects as $project)
                            <option value="{{$project->id}}" @if(isset($rsr->project) && $rsr->project->id == $project->id) selected @endif>{{$project->code}}</option>
                            @endforeach
                            @if(isset($rsr))
                            @if(isset($rsr->project) && $rsr->project->trashed())
                            <option value="{{$rsr->project->id}}" selected>{{$rsr->project->code}}</option>
                            @endif
                            @endif
                        </select>          
                    </div>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="form-group">
                    <label for="research_code"><span style="color:red">*</span> {{ __('Research Code')}}</label>
                    <select id="research_code" class="form-control select2 form_input" required @if(isset($rsr) && isset($rsr->project)) disabled @endif>
                        <option value="" selected></option>
                        @foreach($projects as $project)
                        <option value="{{$project->id}}" @if(isset($rsr->project) && $rsr->project->id == $project->id) selected @endif>{{$project->project_code}}</option>
                        @endforeach
                        @if(isset($rsr))
                        @if(isset($rsr->project) && $rsr->project->trashed())
                        <option value="{{$rsr->project->id}}" selected>{{$rsr->project->project_code}}</option>
                        @endif
                        @endif
                    </select> 
                </div>
            </div>

            <div class="col-sm-4">
                <div class="form-group">
                    <label for="project_program">{{ __('Program')}}</label>
                    <div class="input-group mb-3">
                        @if (isset($rsr->project))
                            <input type="text" id="project_program" @if(isset($rsr->project->program->program_name)) value="{{$rsr->project->program->program_name}}" @else value="No Program Assigned" @endif name="project_program" class="form-control" disabled>
                        @else
                            <input type="text" id="project_program" value="No Program Assigned" name="project_program" class="form-control" disabled>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-sm-12">
                <div class="form-group">
                    <label for="project_title"><span style="color:red">*</span> {{ __('Project Title')}}</label>
                    <div class="input-group mb-3">
                        <select class="form-control select2 form_input" id="project_title" required @if(isset($rsr) && isset($rsr->project)) disabled @endif>
                            <option value="" selected></option>
                            @foreach($projects as $project)
                            <option value="{{$project->id}}" @if(isset($rsr->project) && $rsr->project->id == $project->id) selected @endif>{{$project->project_title}}</option>
                            @endforeach
                            @if(isset($rsr))
                            @if(isset($rsr->project) && $rsr->project->trashed())
                            <option value="{{$rsr->project->id}}" selected>{{$rsr->project->project_title}}</option>
                            @endif
                            @endif
                        </select>
                    </div>
                </div>
            </div>

            <div class="col-sm-12">
                <div class="form-group">
                    <label for="principal_investigator">{{ __('Principal Investigator')}}</label>
                    <div class="input-group mb-3">
                        <select name="principal_investigator[]" id="principal_investigator" class="form-control select2" multiple disabled>
                            @foreach ($investigators as $inv)
                                <option value="{{ $inv->id }}">{{ $inv->name }}</option>
                            @endforeach
                            @if(isset($rsr))
                            @if(isset($rsr->project))
                            @if($rsr->project->project_leaders != null)
                            @foreach ($rsr->project->get_project_leaders() as $inv)
                            @if($inv->trashed())
                                <option value="{{ $inv->id }}">{{ $inv->name }}</option>
                            @endif
                            @endforeach
                            @endif
                            @endif
                            @endif
                        </select>
                    </div>
                </div>
            </div>

            <div class="col-sm-12">
                <div class="form-group">
                    <label for="duration">{{ __('Period') }}</label>
                    <input type="text" class="form-control form_input" id="duration" disabled>
                    <input type="hidden" class="form-control form_input" id="start_duration" name="start_duration" @if(isset($rsr) && $rsr->period_start != null) value="{{$rsr->period_start}}" @endif>
                    <input type="hidden" class="form-control form_input" id="end_duration" name="end_duration" @if(isset($rsr) && $rsr->period_end != null) value="{{$rsr->period_end}}" @endif>
                </div>
            </div>

            <div class="col-sm-6">
                <div class="form-group">
                    <label for="date"><span style="color:red">*</span> {{ __('Date') }}</label>
                    <input required disabled type="date" class="form-control form_date form_input" id="date" name="date" @if(isset($rsr->project)) value="{{$rsr->date}}" @endif>
                </div>
            </div>

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

<div class="card card-primary">
    <div class="card-header">
        <h3 class="card-title">{{ __('Service Summaries') }}</h3>
    </div>

    <div class="card-body">
        <div class="row">
            <table class="table" id="sample_table">
                <thead>
                    <th style="width: 25%;">Service Summary</th>
                    <th style="width: 25%;">No. of Samples Processed</th>
                    <th style="width: 50%;">Payment Status</th>
                    <th></th>
                </thead>
                <tbody id="sample_table_body">

                @if(isset($rsr))
                    @foreach($rsr->ss_records as $ss)
                    @php
                        $no_samples = count($ss->ss->samples);

                        $status = 'No Payment Status Yet';

                        if($ss->ss->oop != null){
                            $total = $ss->ss->oop->total_price;
                            $paid = $ss->ss->oop->paid;

                            $status = $paid == 0 ? 'Not Paid' : ($paid >= $total ? 'Paid' : 'Partially Paid');
                        }

                    @endphp
                    <tr data-wp-id={{$ss->id}} class="ex_row">
                        <td>
                            <select name='[ss_id]' disabled class="form-control ss_record ss_id">
                                <option value="{{$ss->ss->id}}" selected>{{$ss->ss->ss_no}}</option>
                            </select>
                        </td>
                        <td>
                            <input type="text" disabled class="form-control no_samples" value="{{$no_samples}}">
                        </td>
                        <td>
                            <input type="text" disabled class="form-control pay_stat" value="{{$status}}">
                        </td>
                        <td>
                        </td>
                    </tr>
                    @endforeach
                @endif 

                    <tr id="sample_form_row" class="d-none samples_form_row">

                        <td>
                            <select name='[ss_id]' class="form-control ss_record ss_id">
                            </select>
                        </td>
                        <td>
                            <input type="text" disabled class="form-control no_samples" value="">
                        </td>
                        <td>
                            <input type="text" disabled class="form-control pay_stat" value="">
                        </td>

                        <td style="text-align: center;">
                            <button type="button" class="btn btn-danger btn-sm delete_form_row">
                                <i class="fa fa-trash"></i>
                            </button>
                        </td>

                    </tr>

                </tbody>
            </table>
        </div>
    </div>
</div>

@endsection


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