@extends('backend.layout.master')
@section('backend-head')
    <!-- DataTables CSS -->
    <link href="{{ asset('backend/css/plugins/dataTables.bootstrap.css') }}" rel="stylesheet">
    <style>
        ul {
            margin: 0;
        }
        label {
            margin-top: 5px;
        }
    </style>
@endsection
@section('backend-main')
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">الرد بواسطة البريد الالكتروني</h1>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">الرد على رسالة {{ $contant->email }}</div>
                <div class="panel-body">
                    @include('common.messages')
                    @if (session()->has('done'))
                        <div class="row" style="margin-top: 30px;">
                            <div class="col-md-12">
                                <p class="alert alert-success">{{ session()->get('done') }}</p>
                            </div>
                        </div>
                    @endif
                    <p class="contact-msg">{{ $contant->description }}</p>
                    <form action="{{ route('contactReplySend') }}" method="post">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input type="hidden" value="{{ $contant->email }}" name="email">
                        <input type="hidden" value="{{ $contant->description }}" name="old_message">
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="title">العنوان</label>
                                </div>
                                <div class="col-md-10">
                                    <input type="text" id="title" name="title" class="form-control" placeholder="عنوان الرسالة" value="{{ old('title') }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="message">الرسالة</label>
                                </div>
                                <div class="col-md-10">
                                    <textarea name="message" id="message" cols="30" rows="10" class="form-control" placeholder="تفاصيل الرسالة">{{ old('content') }}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="submit" class="btn btn-primary form-control" value="ارسال">
                                </div>
                            </div>
                        </div>

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

@section('backend-footer')
    <!-- DataTables JavaScript -->
    <script src="{{ asset('backend/js/jquery/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('backend/js/bootstrap/dataTables.bootstrap.min.js') }}"></script>
    <!-- Page-Level Demo Scripts - Tables - Use for reference -->
    <script>
        $(document).ready(function() {
            $('#dataTables-example').dataTable();
        });
    </script>
@endsection