@extends('layouts.main')

@section('title', 'Register for List General Notifications')

@section('breadcrumb')
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <h4 class="page-title">Register for Email List for General Notifications</h4>
                <ol class="breadcrumb float-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Settings</li>
                    <li class="breadcrumb-item active">Register for Email List for General Notifications</li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <div class="content-body" >
        <div class="row">
            <div class="col-md-12">
                <section id="description" class="card">
                    <div class="card-body bg-card" style="min-height:220px;">
                        <div class="card-block">
                            {{ Form::model($form, ['method'=>'post']) }}
                                {{ Form::token() }}
                                <div class="form-body">

                                    <div class="input-group">
                                        <div class="form-group {{ $errors->has('newsletter') ? ' has-error' : '' }}">
                                            <label for="email">Newsletter</label>
                                            <label class="display-inline-block custom-control custom-radio ml-1 custom-control custom-radio">
                                                {{ Form::radio('newsletter', 'Yes', null, ['class'=>'custom-control-input']) }}
                                                <span class="custom-control-label"></span>
                                                <span class="custom-control-description ml-0">Yes</span>
                                            </label>
                                            <label class="display-inline-block custom-control custom-radio ml-1 custom-control custom-radio">
                                                {{ Form::radio('newsletter', 'No', null, ['class'=>'custom-control-input']) }}
                                                <span class="custom-control-label"></span>
                                                <span class="custom-control-description ml-0">No</span>
                                            </label>
                                            @if ($errors->has('newsletter'))
                                                <span class="help-block">
                                                        <strong>{{ $errors->first('newsletter') }}</strong>
                                                    </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="input-group">
                                        <div class="form-group {{ $errors->has('flash_advisories') ? ' has-error' : '' }}">
                                            <label for="email">Register for Flash Report Advisories notifications</label>
                                            <label class="display-inline-block custom-control custom-radio  ml-1 custom-control custom-radio">
                                                {{ Form::radio('flash_advisories', 'Yes', null, ['class'=>'custom-control-input']) }}
                                                <span class="custom-control-label"></span>
                                                <span class="custom-control-description ml-0">Yes</span>
                                            </label>
                                            <label class="display-inline-block custom-control custom-radio  ml-1 custom-control custom-radio">
                                                {{ Form::radio('flash_advisories', 'No', null, ['class'=>'custom-control-input']) }}
                                                <span class="custom-control-label"></span>
                                                <span class="custom-control-description ml-0">No</span>
                                            </label>
                                            @if ($errors->has('flash_advisories'))
                                                <span class="help-block">
                                                        <strong>{{ $errors->first('flash_advisories') }}</strong>
                                                    </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-actions">
                                        <button type="submit" class="btn btn-success btn-custom waves-effect w-md waves-light m-b-5">
                                            <i class="mdi mdi-content-save"></i> Save
                                        </button>
                                        <a class="btn btn-danger btn-custom waves-effect w-md m-b-5" href="{{ url('/') }}">
                                            <i class="mdi mdi-cancel"></i> Cancel
                                        </a>
                                    </div>
                                </div>
                            {{ Form::close() }}
                        </div>
                    </div>
                </section>
            </div>
            <!--- BEHIND EDIT MODAL -->
            <!--/ HTML Markup -->
        </div>
    </div>
    <style type="text/css">
        .form-body, .form-group {
            display:flex;
            flex-wrap:wrap;
            align-content: space-between;
        }
        .form-group label{
            width: 100%;
            margin-bottom: 1.5rem;

        }
        .form-group label + label{
            width: 80px;
            margin-bottom: .5rem;

        }
        .input-group{
            width:50%;
        }
        .form-actions{
            margin-top:30px;
        }
    </style>
@endsection