@extends('reseponline.main')
@section('title','Login')

@section('Content')
<!-- Contacts 8 -->
<section class="fdb-block pt-3 border-bottom-0" style="background-image: url({{ asset('img/shapes/8.svg') }});">

    <div class="container">
      <div class="row-100 d-none d-lg-block" style="height: 3.5rem"></div>
      <div class="row">
        <div class="col-12 col-md-6 col-lg-5">
          <nav class="navbar shadow-none navbar-light bg-transparent topbar pt-2 mb-0 ml-3 p-0 static-top">
              <a class="navbar-brand" href="#">
                  <img src="{{ asset('img/radjak-transisi.png') }}" width="225" height="75" class="d-inline-block align-top" alt="" loading="lazy">
              </a>
          </nav>
          <img src="{{ asset('img/undraw_medicine_b1ol.svg') }}" class="img-fluid my-5 d-none d-lg-block" alt="Responsive image" style="z-index: 1;">
        </div>

        <div class="col-12 col-md-6 ml-auto">
          <!-- Nested Row within Card Body -->
          <div class="row">
            <div class="col">
              <div class="mx-3 mt-5 pb-5 pt-3">
                <h1 class="text-primary" style="color: #007bff!important;">Poliklinik</h1>
                <p class="mb-4">Selamat datang di sistem antrian poliklinik dan resep online radjak hospital cileungsi</p>
                @if(Session::has('alertError'))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <strong>{{ Session::get('alertError') }}</strong>
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                @endif
                @if(Session::has('alertSuccess'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <strong>{{ Session::get('alertSuccess') }}</strong>
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                @endif
                <form class="user" method="POST" action="{{ url('/poliklinik/loginpost') }}">
                    @csrf
                  <div class="form-group">
                    <select class="custom-select" name="username" id="username">
                        <option selected disabled>Username</option>
                        @foreach ($ListUserPoli as $dataUser)
                            <option value="{{ $dataUser->username }}">{{ $dataUser->username }}</option>
                        @endforeach
                    </select>
                  </div>
                  <div class="form-group">
                    <input type="password" class="form-control" name="password" id="password" placeholder="Password">
                  </div>
                  <div class="form-group">
                    <input type="text" readonly class="form-control" name="NamaDokter" id="dokter" data-toggle="modal" data-target="#ListDokterModal" placeholder="Dokter">
                    <input type="hidden" name="idDokter" id="idDokter">
                  </div>
                  <div class="form-group">
                      <select class="custom-select" name="shift" id="shift">
                          <option selected>Shift</option>
                          <option value="1">1</option>
                          <option value="2">2</option>
                      </select>
                  </div>
                  <input type="submit" class="btn btn-primary btn-block" value="Login">
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="row-100 d-none d-lg-block" style="height: 4.2rem"></div>
    </div>
</section>

  @include('layout/Modal/listdokter')
@endsection

@section('Ajax')
  @include('ajax/login')
@endsection