@include('forms/elements/header_start')

<link href="{{ asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }}" rel="stylesheet">


@include('patients/elements/header_end')

<!-- Page title -->
<ul class="list-inline menu-left mb-0">
    <li class="list-inline-item">
        <button type="button" class="button-menu-mobile open-left waves-effect">
            <i class="ion-navicon"></i>
        </button>
    </li>
    <li class="hide-phone list-inline-item app-search">
        <h2 class="page-title">Have you been invited?</h2>
    </li>
</ul>

<div class="clearfix"></div>
</nav>

</div>
<!-- Top Bar End -->
<!-- Begin page -->
<div class="accountbg"></div>
<div class="wrapper-page">

    <div class="card">
        <div class="card-body">

            {{--                    <h3 class="text-center m-0">--}}
            {{--                        <a href="index" class="logo logo-admin"><img src="assets/images/logo_dark.png" height="30" alt="logo"></a>--}}
            {{--                    </h3>--}}

            <div class="p-3">

                <form action="{{ route('patients.check.physician') }} " method="POST" enctype="multipart/form-data" autocomplete="off">
                    @csrf

                    <div class="form-group">
                        <label for="username">Surgeon Email</label>
                        <input type="text" class="form-control" id="email" name="email" value="{{ old('email', $physician->email) }}" placeholder="Enter Primary Care Physician Email">
                    </div>

                    @if ($errors->has('email'))
                        <span class="badge badge-danger">{{ $errors->first('email') }}</span>
                    @endif

                    <div class="form-group row m-t-20">
                        <div class="col-sm-12 text-center">
                            <button class="btn btn-primary w-md waves-effect waves-light" type="submit">Submit</button>
                        </div>
                    </div>

                </form>
            </div>
{{--{{ dd($physician) }}--}}

            @if($physician->id !== Auth()->user()->id)
                <p>Physician Name: {{ $physician->first_name }} {{ $physician->last_name }}</p>
                <form action="{{ route('patients.check.physician.decide', $physician->id) }}" method="POST" enctype="multipart/form-data" autocomplete="off">
                @csrf
                <div class="text-center">
                    <div class="btn-group" role="group" aria-label="Basic example">
                        <button type="submit" class="btn btn-success btn-sm waves-effect waves-light" name="submit_button" value="accept">Accept</button>
                        <input type="text" class="" id="physician_id" name="physician_id" value="{{ $physician->id }}">
                        <button type="submit" class="btn btn-danger btn-sm waves-effect waves-light" name="submit_button" value="decline">Decline</button>
                    </div>
                </div>
            </form>
            @else

            @endif


        </div>
    </div>

    {{--            <div class="m-t-40 text-center">--}}
    {{--                <p>Don't have an account ? <a href="pages-register" class="font-500 font-14 text-primary font-secondary"> Signup Now </a> </p>--}}
    {{--                <p>© 2018 Fonik. Crafted with <i class="mdi mdi-heart text-danger"></i> by Themesbrand</p>--}}
    {{--            </div>--}}

</div>


@include('forms/elements/footer_start')

<script src="{{ asset('assets/plugins/select2/js/select2.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>

<!-- Plugins Init js -->
<script src="{{ asset('assets/pages/form-advanced.js') }}"></script>


<script>
    $(function () {

        $( "#height" ).change(function() {
            $('.bmi-calc').empty();
            var weight = $('#weight').val();
            var height = $('#height').val();

            var bmi = weight/(height/100*height/100);

            $('.bmi-calc').append('<h1>BMI: <small>' + bmi.toFixed(2) + '</small></h1><p>This is your BMI calculation</p>');
            $('.bmi-calc-input').val(bmi.toFixed(2));
        });
        $( "#weight" ).change(function() {
            $('.bmi-calc').empty();
            var weight = $('#weight').val();
            var height = $('#height').val();

            var bmi = weight/(height/100*height/100);

            $('.bmi-calc').append('<h1>BMI: <small>' + bmi.toFixed(2) + '</small></h1><p>This is your BMI calculation</p>');
            $('.bmi-calc-input').val(bmi.toFixed(2));
        });
        $( "#bmi" ).click(function() {
            $('.bmi-calc').empty();
            var weight = $('#weight').val();
            var height = $('#height').val();

            var bmi = weight/(height/100*height/100);

            $('.bmi-calc').append('<h1>BMI: <small>' + bmi.toFixed(2) + '</small></h1><p>This is your BMI calculation</p>\n');
            $('.bmi-calc-input').val(bmi.toFixed(2));
        });
    });
    $(function(){
        $('#datepicker').datepicker({
            format: "mm/dd/yyyy",
            language: "en"
        });

        $(".weight-select").select2();
        $(".height-select").select2();
        $(".gender-select").select2();
        $(".age-select").select2();
        $(".education-select").select2();

        $(".allergy-select").select2();
    });

</script>

@include('forms/elements/footer_end')