@extends('base')

@section('title', 'account')

@section('content')
<div class="ui container">
<div class="center">
    <button class="ui yellow button" onclick="show_modal()">{{ __('create a new Message') }}</button>

    <div class="ui modal" id="reply_modal">
    <i class="close icon"></i>
    <div class="header">
        {{__('Send to')}}
    <label for="file" class="ui right floated black icon button">
    <i class="file icon"></i>
        {{__('Upload')}}
    </label>
    <input type="file" id="file" style="display:none">

    </div>
    <div class="content">
    <div class="ui form">
    <div class="field">
    <label>Text</label>
    <textarea id="sendContent"></textarea>
    </div>
    </div>
    </div>
    <div class="actions">
    <div class="ui grey deny button">
        {{__('Cancel')}}
    </div>
    <div class="ui yellow submit right labeled icon button" onclick="send()">
        {{__('Send')}}
    <i class="send icon" ></i>
    </div>
    </div>
    </div>

    </div>
</div>

    <script>


        function show_modal() {
            $('#reply_modal')
                .modal('show');
        }


        function send() {
            var data = {
                '_token':"{{ csrf_token() }}"
            };
            //console.log('send');
            data['sendContent'] = $('#sendContent').val();
           //  alert( data['sendContent']);
            $.ajax({
                type:'POST',
                url:"{{route('sendMessage')}}",
                data:data,
                success:function(data){
                    $('#reply_modal')
                        .modal('hide');
                    $('#sendContent').val('');
                    //alert( data );
                    // if (data.errno == 0)
                    // {
                    //     alert( data.href );
                    //     window.location.href = data.href;
                    // }
                    // else
                    // {
                    //     console.log(data.errmsg);
                    // }
                    console.log(data);

                }
            });

        }

    </script>



@endsection