@extends('admin.layouts.index')
@section('css')
<link href="{{asset('/public/css/plugins/summernote/summernote.css')}}" rel="stylesheet">
@endsection
@section('title')
<title>Admin - Contact| CS_Design</title>
@endsection
@section('content')
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>@lang('contact')</h2>
        <ol class="breadcrumb">
            <li>
                <a href="#">@lang('admin')</a>
            </li>
            <li>
                <a  href="/admin/contact/list">@lang('contact')</a>
            </li>
            <li class="active">
                <strong>@lang('detail')</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">
                <div class="pull-right tooltip-demo">
                    <!-- <a href="mail_compose.html" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top"
                        title="Reply"><i class="fa fa-reply"></i> Reply</a>
                    <a href="#" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top"
                        title="Print email"><i class="fa fa-print"></i> </a> -->
                    <button  class="btn btn-danger btn-sm" data-toggle="modal" data-target="#exampleModal{{$contact->id}}" title="Delete"><i class="fa fa-trash-o"></i> </button>
                </div>
                <h2>
                    @lang('detail')
                </h2>
                <div class="mail-tools tooltip-demo m-t-md">
                    <!-- <h3>
                        <span class="font-normal">Subject: </span>{{$contact->subject}}
                    </h3> -->
                    <h5>
                        <span class="pull-right font-normal">{{$contact->created_at}}</span>
                        <span class="font-normal">@lang('from'): </span>{{$contact->email}}
                    </h5>
                </div>
            </div>
            <div class="mail-box">
                <div class="mail-body">
                    {{$contact->content}}
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="exampleModal{{$contact->id}}" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog mt-5" role="document" style="width:30%">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="hident exampleModalLabel {{$contact->id}}">Delete
                        This Contact??
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Are you sure?
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Hmmmm,
                        wait!</button>
                    <a type="button" class="btn btn-danger"
                        href="/admin/contact/delete/{{$contact->id}}">Sure!!!</a>
                </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