<!DOCTYPE html>
<html>
<title>Customer Register</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<link rel="stylesheet" href="{{ url(env("APP_URL").'storage/assets/vendors/typicons/typicons.css') }}">
<link rel="stylesheet" href="{{url(env("APP_URL").'storage/assets/vendors/mdi/css/materialdesignicons.min.css')}}">
<link rel="stylesheet" href="{{ url(env("APP_URL").'storage/assets/vendors/css/vendor.bundle.base.css') }}">
<link rel="stylesheet" href="{{ url(env("APP_URL").'storage/assets/css/vertical-layout-light/style.css') }}">
<link rel="stylesheet" href="{{ url(env("APP_URL").'storage/assets/css/overwrite.css') }}">

<link rel="stylesheet" href="{{url(env("APP_URL").'storage/assets/libs/alertifyjs/build/css/alertify.min.css')}}" type="text/css" />
<link rel="stylesheet" href="{{url(env("APP_URL").'storage/assets/libs/sweetalert2/sweetalert2.min.css')}}" type="text/css" />

<style>
    body,h1,h2,h3,h4,h5,h6 {font-family: "Arial", sans-serif}
    .py-2{
        padding: 5px 0;
    }
    .table tr td, .table tr th{
        padding: 5px;
        font-size: 13px;
    }
    .text-center{
        text-align: center;
    }

</style>
<body class="w3-white w3-content" style="max-width:1600px">

<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:000px">

    <!-- Header -->
    <header id="portfolio">
        <br>
        <div class="w3-container" style="overflow: auto">
            <table cellpadding="0" cellspacing="0" style="min-width: 100%">
                <tr>
                    <th style="width:100%" class="text-center">
						@if(!empty($labSettings->alternative_logo))
							<img width="98%" height="140px" class="rounded-0" src="{{ url(env("APP_URL").'storage/images/avatars/labs/alternative_logo/'.$labSettings->alternative_logo) }}"  />
                        @else 
                        <table width="100%" cellpadding="0" cellspacing="0" style="min-width: 100%">
                            <tr>
                                <td style="vertical-align: top;" class="text-center">
                                    <img src="{{url(env("APP_URL").'storage/images/avatars/labs/'.$labSettings->logo)}}" alt="Logo" style="width: 70px;">
                                </td>
                            </tr>
                            <tr>
                                <td class="text-center" align="center">
                                    <p style="line-height: 13px !important; font-size: 11pt; font-weight: bold; color: #3b86d1;" class="KhmerMoulLight py-1">{{$labSettings->name_kh}}</p>
                                    <p style="line-height: 13px !important; font-size: 9pt; font-weight: bold; color: #3b86d1;" class="text-uppercase py-1">{{$labSettings->name_en}}</p>
                                </td>
                            </tr>
                        </table>
						@endif
                    </th>
                </tr>
            </table>
            <hr style="margin: 10px 0;">
            <br>
            <h6 style="font-size: 18px"><b>ចុះឈ្មោះថ្មី</b></h6>
            <br>
        </div>
    </header>

    <!-- First Photo Grid-->

        <div class=" w3-container w3-margin-bottom" style="overflow-x: auto; margin-bottom: 20px">
            <form enctype="multipart/form-data" action="{{url('customer/login/'.request()->route()->parameter('hashLabId'))}}" method="post">
                @csrf
                <label style="font-size: 16px">សូមបញ្ចូលលេខទូរស័ព្ទរបស់អ្នក-Input your phone number:</label><br>
                <input autocomplete="off" placeholder="{{session()->has('message')? 'មិនមានលេខនេះនៅក្នុងប្រព័ន្ធយើងខ្ញុំទេ':''}}" type="text" name="patient_uuid" style="height: 50px;font-size:20px; width: 100%; border-radius: 0px; border: 1px solid #b1b1b1; outline: none; {{session()->has('message')? ' border:1px solid red; ':''}}" class="form-control rounded" />
                <button class="btn btn-sm btn-success w-100" type="submit" style="width: 150px; height: 36px; float: right; margin: 10px 0; outline: none; border: none; font-size: 16px">ចូលប្រើប្រាស់</button>
				<button class="btn btn-sm btn-info w-100" style="width: 150px; height: 36px; float: right; margin: 10px 0; outline: none; border: none; font-size: 16px">ចុះឈ្មោះថ្មី</button>
            </form>
        </div>



    <div class="w3-light-gray w3-center" style="font-size: 13px; position: fixed; bottom: 0; width: 100%; padding: 10px 0;">{{$labSettings->name_kh}}</div>

    <!-- End page content -->
</div>
</body>
</html>
