@extends('layouts.layout_mornitor')
@section('title', 'EndoCapture')

@section('style')
<style>
    .card{
        border: none;
    }
    .card-body{
        border-radius: 5px;
        background: #2A2B2F;
    }
    .text-larger{
        font-size: x-large
    }
    .text-normal{
        font-size: normal;
    }
    .color-ipad{
        color: #9F9F9F;
    }
    .form-control{
        border: none;
        background-color: #202125;
        color: #9F9F9F;
    }
    th,td{
        color: #9F9F9F;
        font-size: smaller;
    }
    br{
        margin: 0;
    }
    .left-checkin{
        top: 35%;
        position: fixed;
    }
</style>
@endsection

@section('modal')

@endsection

@section('tab-left')
<div class="card">
    <div class="card-body p-3">
        <div class="form-group mt-5">
            <div class="input-icon input-icon-right">
                <input type="text" class="form-control form-control-sm" placeholder="HN"/>
                <span><i class="flaticon2-search-1 icon-md"></i></span>
            </div>
        </div>
        <br>
        <h3 class="text-primary text-center">Registered (7)</h3>
        <br>
        <h3 class="color-ipad text-center">Holding (3)</h3>
        <br>
    </div>
</div>
@endsection


@section('content')
<div class="card">
    <div class="card-body p-3">
        <table class="table table-borderless">
            <thead>
                <tr>
                    <th class="text-light">Check-in all</th>
                    <th class="text-light">HN (Age) / Name</th>
                    <th class="text-light">Endoscopist</th>
                    <th class="text-light">Procedure</th>
                    <th class="text-light">Remark</th>
                </tr>
            </thead>
            <tbody>
                @for ($i=1;$i<=7;$i++)
                <tr>
                    <td><button class="btn btn-primary btn-sm p-1">Check-in</button></td>
                    <td>1312523 (28)<br>สุรัชณัฏฐ์ จิตรัตน์</td>
                    <td>สุรัชณัฏฐ์ จิตรัตน์</td>
                    <td>EGD, Colonoscopy</td>
                    <td><input type="text" name="" class="form-control form-control-sm"></td>
                </tr>
                @endfor
            </tbody>
        </table>
    </div>
</div>
<div class="card mt-5">
    <div class="card-body p-3">
        <table class="table table-borderless">
            <thead>
                <tr>
                    <th class="text-light">HN (Age) / Name</th>
                    <th class="text-light">Endoscopist</th>
                    <th class="text-light">Procedure</th>
                    <th class="text-light">Room / Location</th>
                    <th class="text-light">Remark</th>
                </tr>
            </thead>
            <tbody>
                @for ($i=1;$i<=3;$i++)
                <tr>
                    <td>1312523 (28)<br>สุรัชณัฏฐ์ จิตรัตน์</td>
                    <td>สุรัชณัฏฐ์ จิตรัตน์</td>
                    <td>EGD, Colonoscopy</td>
                    <td>
                        <select name="" class="form-control form-control-sm"></select>
                        <select name="" class="form-control form-control-sm mt-1"></select>
                    </td>
                    <td>
                        <textarea name="" class="form-control form-control-sm pb-3" rows="3"></textarea>
                    </td>
                </tr>
                @endfor
            </tbody>
        </table>
    </div>
</div>
<br>
@endsection

@section('script')

@endsection