@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">Edit 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>
                        <select class="form-control" id="query" style="width:296px" onchange="displayVal(this.value)">

                            @foreach($queries as $data)
                                <option value="{{ $data->id }}" @if($name_option && $data->id == $name_option->id){{'selected'}}@endif>{{ $data->name }}</option>
                            @endforeach
                        </select>
                    </td>
                </tr>
                <tr id="first_val">
                    <td colspan="3">
                                        </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', $record->name, array('placeholder' => 'Name','class' => 'form-control', 'id' => 'email_name')) !!}
                    
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="inputFirstname">From</label>
                        {!! Form::text('from', $record->from_email, array('placeholder' => 'Name','class' => 'form-control', 'id' => 'from')) !!}
                    </td>
                    <td width="100px">&nbsp;</td>
                    <td>
                        <label for="inputFirstname">To</label>
                        {!! Form::text('to', $record->to_email, array('placeholder' => 'Website','class' => 'form-control', 'id' => 'to')) !!}
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="inputFirstname">CC</label>
                        {!! Form::text('cc', $record->cc_email, array('placeholder' => 'Name','class' => 'form-control', 'id' => 'cc')) !!}
                    </td>
                    <td width="100px">&nbsp;</td>
                    <td>
                        <label for="inputFirstname">BCC</label>
                        {!! Form::text('bcc', $record->bcc_email, array('placeholder' => 'Website','class' => 'form-control', 'id' => 'bcc')) !!}
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <label for="inputFirstname">Subject</label>
                        {!! Form::text('subject', $record->subject, array('placeholder' => 'Website','class' => 'form-control', 'id' => 'subject')) !!}
                   </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <label for="inputFirstname">Body</label>
                        <textarea id="summernote">{{ $record->body }}</textarea>
                   </td>
                </tr>
                
                <tr>
                    <td>
                    <div class="align-right pt-4 pb-4">
                        <input type="hidden" value="{{ $record->id }}" id="idx">
                        <input onclick="store()" type="button" class="btn btn-primary px-4" value="Update">
                        <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);
            document.getElementById('first_val').style.display = 'none';
        }
    }); 
}

function store(){
    var id = $('#idx').val();
    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("update_email_template") }}',

         data:{id:id, 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