@extends('my.layout')

@section('profile')

<div class="card-body pb-2">
    <h6 class="mb-4">Activity</h6>
    <div class="form-group">
        <label class="switcher">
            <input type="checkbox" class="switcher-input" checked>
            <span class="switcher-indicator">
                <span class="switcher-yes"></span>
                <span class="switcher-no"></span>
            </span>
            <span class="switcher-label">Email me when someone comments on my article</span>
        </label>
    </div>
    <div class="form-group">
        <label class="switcher">
            <input type="checkbox" class="switcher-input" checked>
            <span class="switcher-indicator">
                <span class="switcher-yes"></span>
                <span class="switcher-no"></span>
            </span>
            <span class="switcher-label">Email me when someone answers on my forum thread</span>
        </label>
    </div>
    <div class="form-group">
        <label class="switcher">
            <input type="checkbox" class="switcher-input">
            <span class="switcher-indicator">
                <span class="switcher-yes"></span>
                <span class="switcher-no"></span>
            </span>
            <span class="switcher-label">Email me when someone follows me</span>
        </label>
    </div>
</div>
<hr class="border-light m-0">
<div class="card-body pb-2">

    <h6 class="mb-4">Application</h6>

    <div class="form-group">
        <label class="switcher">
            <input type="checkbox" class="switcher-input" checked>
            <span class="switcher-indicator">
                <span class="switcher-yes"></span>
                <span class="switcher-no"></span>
            </span>
            <span class="switcher-label">News and announcements</span>
        </label>
    </div>
    <div class="form-group">
        <label class="switcher">
            <input type="checkbox" class="switcher-input">
            <span class="switcher-indicator">
                <span class="switcher-yes"></span>
                <span class="switcher-no"></span>
            </span>
            <span class="switcher-label">Weekly product updates</span>
        </label>
    </div>
    <div class="form-group">
        <label class="switcher">
            <input type="checkbox" class="switcher-input" checked>
            <span class="switcher-indicator">
                <span class="switcher-yes"></span>
                <span class="switcher-no"></span>
            </span>
            <span class="switcher-label">Weekly blog digest</span>
        </label>
    </div>

</div>
<div class="text-right mt-3">
    <button type="button" class="btn btn-primary">Save changes</button>&nbsp;
    <button type="button" class="btn btn-default">Cancel</button>
</div>

@endsection