@section('css')
    <link rel="stylesheet" href="{{ asset('css/activeOrPassive.css') }}">
@endsection
<input type="checkbox" class="hidden" id="switch">
<div class="app">
    <div class="body">
        <div class="relative z-20 flex flex-col">
            <!-- Middle -->
            <label for="switch" class="label">
                <div class="toggle"></div>
                <div class="absolute w-full h-full flex items-center justify-around names">
                    <p class="light">Aktif Durum</p>
                    <p class="dark">Pasif Durum</p>
                </div>
            </label>
        </div>
    </div>
</div>