@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12 col-sm-12 col-xs-12 mt-3">
            <div class="display-flex align-item-center justify-content-left heigth-100 text-center pl-3" onclick="window.location.href = '{{ route('frontend.local-dengue-situation') }}'" style="background: #5faace;border-radius: 25px;font-size: 18px;cursor: pointer;color: #fff;"> 
                <img width="50" height="50" src="{{asset('assets/img/medical.png')}}"> <span class="pl-3">สถานการณ์โรคไข้เลือดออกในพื้นที่</span> 
            </div>
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12 mt-3">
            <div class="display-flex align-item-center justify-content-left heigth-100 text-center pl-3" onclick="window.location.href = '{{ route('frontend.patient') }}'" style="background: #e97a7a;border-radius: 25px;font-size: 18px;cursor: pointer;color: #fff;"> 
                <img width="50" height="50" src="{{asset('assets/img/fever.png')}}"> <span class="pl-3">ข้อมูลผู้ป่วย</span>
            </div>
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12 mt-3">
            <div class="display-flex align-item-center justify-content-left heigth-100 text-center pl-3" onclick="window.location.href = '{{ route('frontend.data-analysis') }}'" style="background: #a499de;border-radius: 25px;font-size: 18px;cursor: pointer;color: #fff;">
                <img width="50" height="50" src="{{asset('assets/img/medical-report.png')}}"> <span class="pl-3">วิเคราะห์ข้อมูล</span>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Select hospital</h5>
          </div>
          <div class="modal-body">
            <form action="{{ route('home.update.hospital') }}" method="post">
                @csrf
              <div class="form-group">
                <select class="form-control" name="hospital_id">
                    <option>Please Select</option>
                    @foreach($hospitals as $key=>$value)
                    <option value="{{$value->id}}">{{$value->name}}</option>
                    @endforeach
                </select>
              </div>
              <div class="form-group hidden">
                <button id="submit-hospital">save</button>
              </div>
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary btn-block" onclick="$('#submit-hospital').trigger('click');">Seve</button>
          </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script type="text/javascript">
    $(function(){
        @if(\Auth::user()->hospital_id == 0)
            $('#exampleModal').modal('show');
        @endif
    })
</script>
@endsection