@extends('app')

@section('page_title')
    Address Book - New Group
@endsection


@push('styles')

<link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">
@endpush

@section('page_content')
    <div class="page-content container-fluid">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="panel" id="exampleWizardForm">
                    <div class="panel-heading">
                        <div class="panel-title">
                            <h3>Address Book - New Group</h3>
                        </div>
                    </div>
                    <div class="panel-body">
                        <div id="form-content">
                            <form class="form-horizontal" id="group_form" method="POST" #style="display: none">

                            @if(count($errors)>0)
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach($errors->all() as $error)
                                                <li>{{$error}}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                @if (\Session::has('success'))
                                    <div class="alert alert-success">
                                        <ul>
                                            <li>{!! \Session::get('success') !!}</li>
                                        </ul>
                                    </div>
                                @endif
                                @csrf

                                <div class="form-group">
                                    <label for="group_name" class="col-sm-3 control-label form-label">Group Name<span
                                            style="color: red;"><em style="font-size:20px">*</em></span> </label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" name="name" id="group_name" placeholder="Enter Group Name" value="{{old('name')}}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="group_desc" class="col-sm-3 control-label form-label">Group Description<span
                                            style="color: red;"></span> </label>
                                    <div class="col-sm-8">
                                        <textarea placeholder="Group Description" class="form-control" name="description">{{old('description')}}</textarea>
                                    </div>
                                </div>
                                <div class="col-md-offset-5">
                                    <button type="submit" id="saveBtn" class="btn btn-primary">Save</button>
                                    <a id="cancelBtn" href="{{route('addressbook.groups')}}" class="btn btn-default">Cancel</a>
                                </div>


                            </form>

                            <br>


{{--                            <div class="col-md-6 col-sm-offset-3">--}}
{{--                                <div class="g-recaptcha" data-sitekey="6LfV7qgUAAAAADBnYLdZOIjS5Ga82R-qWYcuhF6D" data-callback="checkResponse"></div>--}}
{{--                            </div>--}}


                        </div>



                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection