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

@section('style')
<style>
*{
    font-family: 'Kanit', sans-serif;
}
.super_btn{
    width: 550px;
    height: 550px;
    border-radius: 50%;
    opacity: 0.9;
    /* border: none; */
}
.new-pt{
    background: #EBEB9B;
    border:50px solid #73906794;
    color: #707070;
}
.old-pt{
    background: #8AE7F1;
    border:50px solid #3dadb9e6;
    color: #707070;
}
.old-pt:active{
    background: #67adb4;
    border:50px solid #276970e6;
}
.old-pt:hover,.new-pt:hover{
    color: green;
    background: #8af1ac;
    border:50px solid #6fb93de6;
    text-shadow: 0px 0px 3px #fff;
}
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 15px;
  width: 100%;
  background-color: #9BE2E0;
  color: white;
  text-align: center;
}
h1{
    font-size: 4rem;
}
</style>
@endsection

@section('content')
<div class="row" style="margin: 0;margin-top: 10%;">
    <div class="col-6 text-center"><button class="super_btn new-pt"><h1>คนไข้ใหม่</h1><br>New Patient</button></div>
    <div class="col-6 text-center"><button class="super_btn old-pt"><h1>คนไข้นัด</h1><br>Appointment</button></div>
</div>


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

@endsection


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