@extends('layouts.app')

@section('title')
    Organic Acid Analysis
@endsection

@section('css')
<style>
    .color_red + .select2 .select2-selection__rendered {  color: red; }
</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 far fa-file-archive"></i>
                    {{__('Organic Acid Analysis')}}
                </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.organic_acid_analysis.index')}}">{{ __('Organic Acid Analysis') }}</a>
                    </li>
                    <li class="breadcrumb-item active">{{ __('Organic Acid Analysis') }}</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
@endsection

@section('content')

    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">{{ __('Edit Organic Acid Analysis') }}</h3>
        </div>
        <!-- /.card-header -->
        <!-- /.card-body -->
    </div>

    <div class="card card-primary col-lg-12 p-1 m-0 mb-3">
        <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">{{ __('Date of Analysis') }}</label>
                        <input disabled 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 disabled 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>
    
                <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 disabled>
                            <option value="Preparing" @if($oaa->status == 'Preparing') selected @endif>Preparing</option> 
                            <option value="Prepared" @if($oaa->status == 'Prepared') selected @endif>Prepared</option>
                            <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>
                        </select>
                    </div>
                </div>
            </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))
    
                        @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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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>
                                    </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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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 disabled 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
    
                        @endif
    
                    </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 disabled name="remarks" class="form-control">@if(isset($oaa)) {{$oaa->remarks}} @endif</textarea>
        </div>
    </div>
    
@endsection

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