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

@section('style')
<style>
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 15px;
  width: 100%;
  background-color: #9BE2E0;
  color: white;
  text-align: center;
}
.set-right{
    position: absolute;
    margin-top: -145px;
    right: -15px;
    background: #67908F;
    padding: 30px;
    border-radius: 35px 0px;
}
.btn-success{
    border-radius: 30px !important;
}
.x-head{
    font-size: 3.5em;
    background-color: #8AE7F1;
    border-radius: 35px;
    text-align: center;
    color: #707070;
}
*{
    font-family: 'Kanit', sans-serif;
}
.chang-to{
    width: 90px;
    height: 120px;
    background-color: #8AE7F1;
    position: absolute;
    margin-top: -35px;
}
</style>
@endsection

@section('content')
<div class="row" style="margin: 0;margin-top: 3%;">
    <div class="col-1"></div>
    <div class="col-10">
        <div class="row">
            <div class="col-5">
                <div class="card" style="background: none;border:none;">
                    <div class="card-body x-head">
                        คนไข้นัดกรอก HN
                    </div>
                </div>
                <div class="chang-to">

                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 2%;">
            <div class="col-12">
                <div class="card" style="background: none;border: none;">
                    <div class="card-body" style="padding: 0;">
                        <textarea name="" class="form-control" style="height: 600px;border-radius: 30px;"></textarea>
                        <div class="set-right">
                            <button class="btn btn-success btn-lg" style="font-size: 4em;padding:10px;"> &emsp;สำเร็จ&emsp; </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-1"></div>
</div>



<div class="footer">
    <p>&emsp;</p>
</div>
@endsection


@section('endscript')
@section('content')