Ekapp/skolehjem/resources/views/app/vagttelefons/index.blade.php

37 lines
1.4 KiB
PHP
Raw Normal View History

2020-06-24 07:25:59 +00:00
@extends("app.layout.base")
@section("title")
Vagttelefon
@endsection
@section("content")
<main>
<img class="mt-3" src="{{ URL::asset('/images/icons/Vagttelefon-normal.svg') }}" alt="Vagttelefon" style="height: 16vw;">
<h1 class="text-center sde-blue mt-0">Vagttelefon</h1>
<p class="mt-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales pulvinar congue aenean suspendisse.</p>
<label class="toggle">
2020-08-03 13:02:26 +00:00
<input class="toggle__input" type="checkbox" name="accept" id="input" onclick="check()">
<span class="toggle__label sde-blue">
<span class="toggle__text sde-blue semi-bold">Accepterer</span>
</span>
</label>
<span class="text-center sde-black-20 mt-2">+45 56 30 45 66</span>
<a class="btn text-center btn-sde-blue btn-disabled" id="call">Tilkald</a>
</main>
@endsection
@section("scripts")
2020-08-03 13:02:26 +00:00
<script>
function check() {
var checkBox = document.getElementById("input");
var btn = document.getElementById("call");
if (checkBox.checked == true){
btn.href = "";
btn.classList.remove("btn-disabled");
} else {
btn.href = "tel:+4556304566";
btn.classList.add("btn-disabled");
}
}
</script>
@endsection