@extends('layouts.layout_capture')

@section('title', 'EndoCapture')

@section('style')

@endsection

@section('modal')


@endsection


@section('content')
<div class="row m-0">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="search-box">
                    <input type="text" class="form-control search bg-light border-light" onkeyup="function_search()" placeholder="Search for Procedure Code, Procedure Name" id="text_search">
                    <i class="ri-search-line search-icon"></i>
                </div>
                <table class="table table-hover" id="tasksTable">
                    <tr>
                        <th>Procedure Code</th>
                        <th>Procedure Name</th>
                        <th>Action</th>
                    </tr>
                    @foreach ($procedure as $pcd)
                    <tr>
                        <td>{{$pcd->procedure_code}}</td>
                        <td>{{$pcd->procedure_name}}</td>
                        <td><a class="btn btn-primary btn-sm" href="{{url('manage-procedure')}}/{{$pcd->procedure_code}}/edit"><i class="las la-wrench"></i></a></td>
                    </tr>
                    @endforeach
                </table>
            </div>
        </div>
    </div>
</div>

@endsection


@section('lpage')
    LIST PROCEDURE
@endsection

@section('rpage')
    Procedure
@endsection

@section('rppage')
    List
@endsection


@section('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("tr");
      for (i = 0; i < tr.length; i++) {
        td_hn   = tr[i].getElementsByTagName("td")[0];
        td_name = tr[i].getElementsByTagName("td")[1];
        if (td_hn || td_name) {
          txtValue1 = td_hn.textContent || td_hn.innerText
          txtValue2 = td_name.textContent || td_name.innerText;
          if (txtValue1.toUpperCase().indexOf(filter) > -1 || txtValue2.toUpperCase().indexOf(filter) > -1) {
            tr[i].style.display = "";
          } else {
            tr[i].style.display = "none";
          }
        }
      }
    }
</script>
@endsection