@section('css')
<style>
    .color_red + .select2 .select2-selection__rendered {  color: red; }
</style>
@endsection

<div class="card card-primary col-lg-12 p-1 m-0 mb-3">
    <div class="card-header">
        <h6 class="m-0 p-0">
            @if(!isset($analysis))
            <a style="padding: 0px 10px;" id="add_btn" class="btn btn-primary btn-sm float-right to_remove">
                <i class="fa fa-plus"></i> {{__('Add Analysis')}} 
            </a>
            @endif
        </h6>
    </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="date"><span style="color:red">*</span> {{ __('Date of Analysis') }}</label>
                    <input required type="date" name="date" id="date" class="form-control p-1  form_date" @if(isset($oaa) && $oaa->date != "") value="{{$oaa->date}}" @endif>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="form-group">
                    <label for="receive_range">{{ __('Date Received Range') }}</label>
                    <input type="text" class="form-control" id="receive_range">
                    <input type="hidden" name='start_range' id="start_range" @if(isset($oaa) && $oaa->start_range != null) value="{{$oaa->start_range}}" @endif>
                    <input type="hidden" name='end_range' id="end_range" @if(isset($oaa) && $oaa->end_range != null) value="{{$oaa->end_range}}" @endif>
                </div>
            </div>

            @if(isset($oaa))
            <div class="col-sm-4">
                <div class="form-group">
                    <label for="status"><span style="color:red">*</span> {{ __('Status') }}</label>
                    <select name="status" id="status" class="form-control" required>
                        @if(!isset($oaa->prepared_by))
                        <option value="Preparing" @if($oaa->status == 'Preparing') selected @endif>Preparing</option>
                        @endif      
                        @if(isset($oaa->prepared_by) && !isset($oaa->reviewed_by))
                        <option value="Prepared" @if($oaa->status == 'Prepared') selected @endif>Prepared</option>
                        @endif
                        @if(isset($oaa->prepared_by) && isset($oaa->reviewed_by))
                        <option value="Approved" @if($oaa->status == 'Approved') selected @endif>Approved</option>
                        <option value="Ongoing" @if($oaa->status == 'Ongoing') selected @endif>Ongoing</option>
                        <option value="Done" @if($oaa->status == 'Done')selected @endif>Done</option>
                        @endif
                    </select>
                </div>
            </div>
            @endif
        </div>

        <div class="row m-2">
            <table class="table" id="analysis_table">
                <thead>
                    <th style="width: 9%;">Name</th>
                    <th style="width: 15%;">Sample Barcode</th>
                    <th style="width: 9%;">Custom Code</th>
                    <th>Crea mmol/L</th>
                    <th style="width: 7%;">IS</th>
                    <th style="width: 18%">Volume urine/water</th>
                    <th style="width: 7%;">37% HCI</th>
                    <th>Hydroxylamine Chloride</th>
                    <th style="width: 5%;">NaCl</th>
                    <th style="width: 7%;">Ethyl Acetate</th>
                    <th>DERIVATIZATION</th>
                    <th></th>
                </thead>
                <tbody>

                    @if(!@isset($oaa))
                        
                    <tr class="row_start">
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 name" name="row[1][name]" value="IS" style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            <select class="form-control p-1 row_select_2 barcode" name="row[1][sample_id]">
                                <option value=""></option>
                            </select>
                        </td>
                        <td style="padding: 10px 5px;">
                            <select class="form-control p-1 acc_select_2 acc_no" name="row[1][acc_no]">
                                <option value=""></option>
                            </select>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 crea" name="row[1][crea]" value="N/A" style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="row[1][is]" value="10" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px;">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <textarea class="form-control p-1 volume" style="resize: none; font-size: 14px; text-align:center;" name="row[1][vol_uri_water]" readonly>1ml water</textarea>
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="row[1][hci]" value="100" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px;">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="row[1][hydroxy_chloride]" value="100" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px;">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 " name="row[1][NaCl]" value="NaCl" style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            
                            <div class="input-group">
                                <input type="text" class="form-control p-1 ethyl" name="row[1][ethyl_acetate]" value="2" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px;">ml</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 " name="row[1][derivatization]" value="100 &#181;L BSTFA" style="font-size: 14px;">
                        </td>
                        <td style="text-align: center;">
                        </td>
                    </tr>

                    <tr class="row_start">
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1  name" name="row[2][name]" value="RU_DCA" style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            <select class="form-control p-1  row_select_2 barcode" name="row[2][sample_id]">
                                <option value=""></option>
                            </select>
                        </td>
                        <td style="padding: 10px 5px;">
                            <select class="form-control p-1 acc_select_2 acc_no" name="row[2][acc_no]">
                                <option value=""></option>
                            </select>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 crea" name="row[2][crea]" value="1.418" style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="row[2][is]" value="10" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <textarea class="form-control p-1 volume" style="resize: none; font-size: 14px; text-align:center;" name="row[2][vol_uri_water]" readonly>705 μL urine + 295 μL water</textarea>
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="row[2][hci]" value="100" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px;">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="row[2][hydroxy_chloride]" value="100" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px;">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 " name="row[2][NaCl]" value="NaCl" style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            
                            <div class="input-group">
                                <input type="text" class="form-control p-1 ethyl" name="row[2][ethyl_acetate]" value="2" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px;">ml</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 " name="row[2][derivatization]" value="100 &#181;L BSTFA" style="font-size: 14px;">
                        </td>
                        <td style="text-align: center;">
                        </td>
                    </tr>

                    @endif
                    
                    @if(isset($oaa))

                    @foreach($first_2 as $sample)
                    @php $status = $sample->sample != null ? $sample->sample->sample_status : '' @endphp
                    <tr class="existing_row">
                        <input type="hidden" name="analysis_ex[{{$sample->id}}][id]" value="{{$sample->id}}">
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1  name" name="analysis_ex[{{$sample->id}}][name]" value="{{$sample->name}}" style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            <select class="form-control p-1  row_select_2 barcode @if($status == 'Cancelled' || $status == 'Rejected' || $status == 'Recollected') color_red @endif" name="analysis_ex[{{$sample->id}}][sample_id]">
                                <option value="{{$sample->sample != null ? $sample->sample->id : ''}}">{{$sample->sample != null ? $sample->sample->barcode . '-' . $sample->sample->patient->last_name : ''}}</option>
                            </select>
                        </td>
                        <td style="padding: 10px 5px;">
                            <select class="form-control p-1  acc_select_2 acc_no" name="analysis_ex[{{$sample->id}}][acc_no]">
                                <option value="{{$sample->sample != null && $sample->sample->accession_no != null ? $sample->sample->id : ''}}">{{$sample->sample != null && $sample->sample->accession_no != null ? $sample->sample->accession_no : ''}}</option>
                            </select>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 crea" name="analysis_ex[{{$sample->id}}][crea]" value="{{$sample->crea}}" style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="analysis_ex[{{$sample->id}}][is]" value="{{$sample->is}}" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <textarea class="form-control p-1 volume" style="resize: none; font-size: 14px; text-align:center;" name="analysis_ex[{{$sample->id}}][vol_uri_water]" readonly>{{$sample->vol_uri_water}}</textarea>
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="analysis_ex[{{$sample->id}}][hci]" value="{{$sample->hci}}" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px;">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="analysis_ex[{{$sample->id}}][hydroxy_chloride]" value="{{$sample->hydroxy_chloride}}" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px;">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 " name="analysis_ex[{{$sample->id}}][NaCl]" value="{{$sample->NaCl}}" style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            
                            <div class="input-group">
                                <input type="text" class="form-control p-1 ethyl" name="analysis_ex[{{$sample->id}}][ethyl_acetate]" value="{{$sample->ethyl_acetate}}" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px;">ml</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 " name="analysis_ex[{{$sample->id}}][derivatization]" value="{{$sample->derivatization}}" style="font-size: 14px;">
                        </td>
                        <td style="text-align: center;padding: 0px 0px;vertical-align: middle;">
                        </td>
                    </tr>

                    @endforeach

                    @foreach($oaa_samples as $sample)
                    @php $status = $sample->sample != null ? $sample->sample->sample_status : '' @endphp
                    <tr class="existing_row">
                        <input type="hidden" name="analysis_ex[{{$sample->id}}][id]" value="{{$sample->id}}">
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1  name" name="analysis_ex[{{$sample->id}}][name]" value="{{$sample->name}}" style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="row">
                                <div class="col-sm-10">
                                    <select class="form-control p-1  row_select_2 barcode @if($status == 'Cancelled' || $status == 'Rejected' || $status == 'Recollected') color_red @endif" name="analysis_ex[{{$sample->id}}][sample_id]">
                                        <option value="{{$sample->sample != null ? $sample->sample->id : ''}}">{{$sample->sample != null ? $sample->sample->barcode . '-' . $sample->sample->barcode : ''}}</option>
                                    </select>
                                </div>
                                <div class="col-sm my-auto">
                                    @if ($sample->sample)
                                        @if ($sample->sample->imported)
                                            <i class="fas fa-check-circle fa-lg" style="color: #4dff4f;"></i>
                                        @else
                                            <i class="fas fa-times-circle fa-lg" style="color: #ff3d3d;"></i>
                                        @endif
                                    @else
                                        <i class="fas fa-times-circle fa-lg" style="color: #ff3d3d;"></i>
                                    @endif
                                </div>
                            </div>
                        
                            
                        </td>
                        <td style="padding: 10px 5px;">
                            <select class="form-control p-1  acc_select_2 acc_no" name="analysis_ex[{{$sample->id}}][acc_no]">
                                <option value="{{$sample->sample != null && $sample->sample->accession_no != null ? $sample->sample->id : ''}}">{{$sample->sample != null && $sample->sample->accession_no != null ? $sample->sample->accession_no : ''}}</option>
                            </select>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 crea" name="analysis_ex[{{$sample->id}}][crea]" value="{{$sample->crea}}" style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="analysis_ex[{{$sample->id}}][is]" value="{{$sample->is}}" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <textarea class="form-control p-1 volume" style="resize: none; font-size: 14px; text-align:center;" name="analysis_ex[{{$sample->id}}][vol_uri_water]" readonly>{{$sample->vol_uri_water}}</textarea>
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="analysis_ex[{{$sample->id}}][hci]" value="{{$sample->hci}}" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px;">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="analysis_ex[{{$sample->id}}][hydroxy_chloride]" value="{{$sample->hydroxy_chloride}}" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px;">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 " name="analysis_ex[{{$sample->id}}][NaCl]" value="{{$sample->NaCl}}" style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            
                            <div class="input-group">
                                <input type="text" class="form-control p-1 ethyl" name="analysis_ex[{{$sample->id}}][ethyl_acetate]" value="{{$sample->ethyl_acetate}}" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px;">ml</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 " name="analysis_ex[{{$sample->id}}][derivatization]" value="{{$sample->derivatization}}" style="font-size: 14px;">
                        </td>
                        <td style="text-align: center;padding: 0px 0px;vertical-align: middle;">
                            <a type="button" class="to_remove @can('review_organic_acid_analysis') not_to_remove @endcan btn btn-danger btn-sm delete_sample" href="{{route('admin.organic_acid_analysis.delete_sample', $sample->id)}}">
                                <i class="fa fa-trash"></i>
                            </a>
                        </td>
                    </tr>

                    @endforeach

                    @endif


                    <tr id="analysis_row" class="d-none added_row">
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1  name" name="[name]" readonly style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            <div>
                                <div>
                                    <select class="form-control p-1  row_select_2 barcode" name="[sample_id]">
                                        <option value=""></option>
                                    </select>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <select class="form-control acc_select_2 acc_no" name="[acc_no]">
                                <option value=""></option>
                            </select>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 crea" name="[crea]" style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="[is]" value="10" style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size: 14px">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <textarea class="form-control p-1 volume" style="resize: none; font-size: 14px; text-align:center;" name="[vol_uri_water]" readonly></textarea>
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="[hci]" value="100"style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size:14px;">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 " name="[hydroxy_chloride]" value="100"style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size:14px;">&#181;L</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 " name="[NaCl]" value="NaCl"style="font-size: 14px;">
                        </td>
                        <td style="padding: 10px 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control p-1 ethyl" name="[ethyl_acetate]" value="2"style="font-size: 14px;">
                                <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 4px; font-size:14px;">ml</span>
                                </div>
                            </div>
                        </td>
                        <td style="padding: 10px 5px;">
                            <input type="text" class="form-control p-1 " name="[derivatization]" value="100 &#181;L BSTFA" style="font-size: 14px;">
                        </td>
                        <td style="text-align: center;padding: 0px 0px;vertical-align: middle;">
                            <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>

<input type="hidden" id="sample_ids" value="">
<input type="hidden" id="oaa_id" @if(isset($oaa)) value="{{$oaa->id}}" @endif>

<div class="card card-primary">
    <div class="card-header">
        <h6 class="m-0 p-0">
            {{ __('Remarks') }}
        </h6>
    </div>
    <div class="card-body">
        <textarea name="remarks" class="form-control">@if(isset($oaa)) {{$oaa->remarks}} @endif</textarea>
    </div>
</div>

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