@php

$tb_case = DB::table('tb_case')
->join('patient','patient.hn','tb_case.case_hn')
->where('studydate','!=',0)
->get();

@endphp

@extends('layouts.layout_terralink')


@section('title', 'Terralink - Viewer')

@section('style')
<style>

</style>

@endsection

@section('modal')

@endsection






@section('content')
<div class="row m-0">
    <div class="col-12 my-2">
        <label class="text-terralink">Number of Study : 6</label>&emsp;
        <label class="text-terralink">Patient Detail : 1243534</label>&emsp;
        <label class="text-terralink">Suratchanut Chitrat</label>&emsp;
        <label class="text-terralink">Male</label>&emsp;
        <label class="text-terralink">24/09/1993 (29)</label>
    </div>
</div>
<div class="row m-0">
    <div class="col-2">
        <div class="search-box">
            <input type="text" class="form-control search form-control-dark2" onkeyup="function_search()" placeholder="Search for Accession Number" id="text_search">
            <i class="ri-search-line search-icon"></i>
        </div>
    </div>
    <div class="col">
        <select name="" class="form-control form-control-dark2"><option value="">Modality</option></select>
    </div>
    <div class="col">
        <select name="" class="form-control form-control-dark2"><option value="">Procedure</option></select>
    </div>
    <div class="col">
        <select name="" class="form-control form-control-dark2"><option value="">Status</option></select>
    </div>
    <div class="col-auto">
        <div class="btn-group" role="group" aria-label="Basic radio toggle button group">
            <input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off" checked="">
            <label class="btn btn-dark waves-effect waves-light" for="btnradio1">0D</label>

            <input type="radio" class="btn-check" name="btnradio" id="btnradio2" autocomplete="off">
            <label class="btn btn-dark waves-effect waves-light" for="btnradio2">1W</label>

            <input type="radio" class="btn-check" name="btnradio" id="btnradio3" autocomplete="off">
            <label class="btn btn-dark waves-effect waves-light" for="btnradio3">ALL</label>
        </div>
    </div>
    <div class="col-2">
        <input type="text" class="form-control search form-control-dark" placeholder="Select date range">
    </div>
    <div class="col"></div>
</div>
@include('terra.wait.components.table')


@endsection






@section('script')
    <script>
        $.post("{{url('convert')}}",{
            event       : 'get_terra'
        },function(data, status) {
            $(".menu-data-list").html(data);
        });
    </script>
<script>
    function function_search() {
      var input, filter, table, tr, td_hn, td_name, i, txtValue;
      input = document.getElementById("text_search");
      filter = input.value.toUpperCase();
      table = document.getElementById("tasksTable");
      tr = table.getElementsByTagName("div");
      for (i = 0; i < tr.length; i++) {
        td_hn   = tr[i].getElementsByTagName("div")[0];
        if (td_hn) {
          txtValue1 = td_hn.textContent || td_hn.innerText
          if (txtValue1.toUpperCase().indexOf(filter) > -1) {
            tr[i].style.display = "";
          } else {
            tr[i].style.display = "none";
          }
        }
      }
    }
</script>

@endsection