@extends('layouts.internal')

@section('content')
@section('breadcrumb')
<div class="c-subheader justify-content-between px-3">
<ol class="breadcrumb border-0 m-0 px-0 px-md-3">
            <li class="breadcrumb-item"><a href="/"><i class="fa fa-home"></i></a></li>
						@if(url()->previous() != url()->current())
						<li class="breadcrumb-item"><a href="{{url()->previous()}}">&leftarrow; Previous Page</a></li>
						@endif						
            <li class="breadcrumb-item"><a href="{{route('email_templates')}}">Email Template</a></li>
            <li class="breadcrumb-item active" aria-current="page">New Email</li>
</ol>
</div>
@endsection


<script src="{{ asset('summernote/bootstrap.min.js') }}"></script>
<link href="{{ asset('summernote/summernote-bs4.css') }}" rel="stylesheet">
<script src="{{ asset('summernote/summernote-bs4.js') }}"></script>
    <!-- bread -->
    <div class="card" >
    <div class="card-body">


            <table width="100%">
                <tr>
                    <td colspan="3">
                        <label for="inputFirstname">Query</label>
                        <style>#query{width:295px}</style>
                        <select class="form-control" id="query" onchange="displayVal(this.value)">
                            @foreach($queries as $data)
                                <option value="{{ $data->id }}">{{ $data->name }}</option>
                            @endforeach
                        </select>
                    </td>
                </tr>
                <tr>
                    <td colspan="3" valign="bottom">
                        <div id="nameVal" style="overflow:auto;width:700px; word-break:break-all;"></div>
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <label for="inputFirstname">Name</label>
                        {!! Form::text('name', null, array('placeholder' => 'Name','class' => 'form-control', 'id' => 'email_name')) !!}
                    
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="inputFirstname">From</label>
                        {!! Form::email('from', null, array('placeholder' => 'email from','class' => 'form-control', 'id' => 'from')) !!}
                    </td>
                    <td width="100px">&nbsp;</td>
                    <td>
                        <label for="inputFirstname">To</label>
                        {!! Form::email('to', null, array('placeholder' => 'email to','class' => 'form-control', 'id' => 'to')) !!}
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="inputFirstname">CC</label>
                        {!! Form::email('cc', null, array('placeholder' => 'CC email','class' => 'form-control', 'id' => 'cc')) !!}
                    </td>
                    <td width="100px">&nbsp;</td>
                    <td>
                        <label for="inputFirstname">BCC</label>
                        {!! Form::email('bcc', null, array('placeholder' => 'Bcc email','class' => 'form-control', 'id' => 'bcc')) !!}
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <label for="inputFirstname">Subject</label>
                        {!! Form::text('subject', null, array('placeholder' => 'Subject','class' => 'form-control', 'id' => 'subject')) !!}
                   </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <label for="inputFirstname">Body</label>
                        <div id="summernote"></div>
                   </td>
                </tr>
                <tr>
                    <td>
                    <div class="align-right pt-4 pb-4">
                        <input onclick="store()" type="button" class="btn btn-primary px-4" value="Save">

                        <a href="{{ route('email_templates') }}" class="btn btn-secondary px-4">Back</a>
                    </div>
                    </td>
                </tr>
            </table>
     
</div>

<script>
      $('#summernote').summernote({
        toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'italic', 'underline', 'superscript', 'subscript', 'strikethrough', 'clear']],
            ['fontname', ['fontname']],
            ['fontsize', ['fontsize']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['height', ['height']],
            ['table', ['table']],
            ['insert', ['link', 'picture', 'video', 'hr']],
            ['view', ['codeview']]
       ],
        placeholder: 'Type Here',
        tabsize: 2,
        height: 200
      });

function displayVal(x){
    var id = x;
    $.ajax({

        type:'get',

        url:'{{ url("displayDropdownVal") }}',

        data:{id:id},

        success:function(data){
       // var res = $.parseJSON(data);
            $('#nameVal').html(data);
        }


        }); 
}

function store(){
    var name = $('#email_name').val();
    var from = $('#from').val();
    var to = $('#to').val();
    var cc = $('#cc').val();
    var bcc = $('#bcc').val();
    var subject = $('#subject').val();
    var email_query_id = $('#query').val();
    
    var body = $('#summernote').summernote('code');
   
    $.ajax({

        type:'post',
         headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
         },
         url:'{{ url("email_template_store") }}',

         data:{name:name, from:from, to:to, cc:cc,bcc:bcc, subject:subject, email_query_id:email_query_id, body:body},

         success:function(data){
            toastr.success(data);
         }

    });  
}
      

</script>
@endsection