tderick/parameters.blade.php

## parameters.blade.php
<html>

<head>
    <title>Contact Form</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css">


    <style>
        /* The switch - the box around the slider */
        .switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;
        }

        /* Hide default HTML checkbox */
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        /* The slider */
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        input:checked+.slider {
            background-color: #2196F3;
        }

        input:focus+.slider {
            box-shadow: 0 0 1px #2196F3;
        }

        input:checked+.slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }

        /* Rounded sliders */
        .slider.round {
            border-radius: 34px;
        }

        .slider.round:before {
            border-radius: 50%;
        }
    </style>

</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-8 mx-auto my-5">
                @if (session('status'))
                    <div class="alert alert-success">
                        {{ session('status') }}
                    </div>
                @endif


                <form action="{{ url('admin/settings') }}" method="post">
                    @csrf

                    <div class="card shadow mb-4">
                        <div class="card-header">
                            <h3 class="text-muted">Parameters</h3>
                        </div>
                        <div class="card-body">
                            <h4>
                                Activate email notification
                            </h4>
                            <br>
                            <label class="switch">
                                <input type="checkbox" @if ($parameters->is_email_notification_actived) checked @endif value="1"
                                    name="email-notification">
                                <span class="slider round"></span>
                            </label>
                            <br><br><br>

                            <button type="submit" class="btn btn-success">Save</button>
                        </div>
                    </div>
                </form>

            </div>
        </div>
    </div>
</body>
	<html>

	<head>
	<title>Contact Form</title>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css">


	<style>
	/* The switch - the box around the slider */
	.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	}

	/* Hide default HTML checkbox */
	.switch input {
	opacity: 0;
	width: 0;
	height: 0;
	}

	/* The slider */
	.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	}

	.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	}

	input:checked+.slider {
	background-color: #2196F3;
	}

	input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
	}

	input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
	}

	/* Rounded sliders */
	.slider.round {
	border-radius: 34px;
	}

	.slider.round:before {
	border-radius: 50%;
	}
	</style>

	</head>

	<body>
	<div class="container">
	<div class="row">
	<div class="col-md-8 mx-auto my-5">
	@if (session('status'))
	<div class="alert alert-success">
	{{ session('status') }}
	</div>
	@endif


	<form action="{{ url('admin/settings') }}" method="post">
	@csrf

	<div class="card shadow mb-4">
	<div class="card-header">
	<h3 class="text-muted">Parameters</h3>
	</div>
	<div class="card-body">
	<h4>
	Activate email notification
	</h4>
	<br>
	<label class="switch">
	<input type="checkbox" @if ($parameters->is_email_notification_actived) checked @endif value="1"
	name="email-notification">
	<span class="slider round"></span>
	</label>
	<br><br><br>

	<button type="submit" class="btn btn-success">Save</button>
	</div>
	</div>
	</form>

	</div>
	</div>
	</div>
	</body>