@extends('admin.layouts.index')
@section('css')
<link href="{{asset('/public/css/plugins/summernote/summernote.css')}}" rel="stylesheet">
@endsection
@section('title')
<title>Admin  | CS-Design </title>
@endsection
@section('content')
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Contact</h2>
        <ol class="breadcrumb">
            <li>
                <a href="#">Admin</a>
            </li>
            <li>
                <a  href="/admin/contact/list">Contact</a>
            </li>
            <li class="active">
                <strong>Create</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">
    </div>
</div>
<div class="wrapper wrapper-content">
    <div class="row">

        <div class="col-lg-12 animated fadeInRight">
            <div class="mail-box-header">
                <h2>
                    Compse contact
                </h2>
            </div>
            <div class="mail-box">
                <div class="mail-body">
                    <form action="/send_contact" class="form-horizontal" method="POST">
                        @csrf

                        <div class="form-group"><label class="col-sm-2 control-label">Name</label>
                            <div class="col-sm-10"><input type="text" class="form-control" name="name" value=""></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">Email</label>
                            <div class="col-sm-10"><input type="text" class="form-control" name="email" value=""></div>
                        </div>
                        
                       
                        <div class="form-group"><label class="col-sm-2 control-label">Content</label>
                            <div class="col-sm-10"><textarea type="text" class="form-control" name="content"
                                    rows="5"></textarea>
                            </div>
                        </div>
                </div>
                <div class="mail-body text-right tooltip-demo">
                    <button type="submit" class="btn btn-sm btn-primary" data-toggle="tooltip" data-placement="top"
                        title="Send"><i class="fa fa-reply"></i> Send</button>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        @endsection
        @section('js')
        <script src="{{asset('admin2/js/admin/plugins/summernote/summernote.min.js')}}"></script>
        <script src="{{asset('admin2/js/admin/jquery-3.1.1.min.js')}}"></script>
        <script src="{{asset('admin2/js/admin/bootstrap.min.js')}}"></script>
        <script src="{{asset('admin2/js/admin/plugins/metisMenu/jquery.metisMenu.js')}}"></script>
        <script src="{{asset('admin2/js/admin/plugins/slimscroll/jquery.slimscroll.min.js')}}"></script>
        <!-- FooTable -->
        <script src="{{asset('admin2/js/admin/plugins/footable/footable.all.min.js')}}"></script>
        <!-- Custom and plugin javascript -->
        <script src="{{asset('admin2/js/admin/inspinia.js')}}"></script>
        <script src="{{asset('admin2/js/admin/plugins/pace/pace.min.js')}}"></script>
        <!-- Page-Level Scripts -->
        <script>
            $(document).ready(function () {
                $('.footable').footable();
                $('.footable2').footable();
            });
        </script>

        <!-- Page-Level Scripts -->

        <script>
            $(document).ready(function () {

                $('.summernote').summernote({
                    height: 200,
                    popover: {
                        image: [],
                        link: [],
                        air: []
                    }
                });



            });
        </script>
        @endsection