@extends('Admin.master_layout.master')

@section('title', getTitleInPage())

@section('header_menu')
@parent
@endsection

@section('sidebar_menu')
@parent
@endsection

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb"> 
            <a href="{{ url('/') }}" title="Go to Home" class="tip-bottom">
                <i class="icon-home"></i> Home
            </a> 
            <a href="{{ url('institution_type') }}" title="Go to {{ getTitleInPage() }}" class="tip-bottom">
                {{ getTitleInPage() }}
            </a> 
        </div>
        <h1>{{ getTitleInPage() }}</h1>
    </div>
    <div class="container-fluid">
        <hr>
        <div class="row-fluid">
            <div class="span12">
                @if (Session::has('message'))
                <div class="alert alert-info">{!! Session::get('message') !!}</div>
                @endif
                @foreach ($errors->all() as $error)
                <p class="alert alert-warning">{{ $error }}</p>
                @endforeach
                @if (Session::has('success'))
                <div class="alert alert-success">{!! Session::get('success') !!}</div>
                @endif
                <form action="{{ url('messages') }}" method="post" class="form-horizontal" id="frmMsg">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                
                        <div class="control-group" style="float: left;border: 0;width:61%;margin-top: 10px;">
                        <label class="control-label">Search:</label>
                        <div class="controls">
                        <input type="text" class="span11" name="txtserach" value="{{ $txtSearch }}" id="txtserach" /> @if($txtSearch != '')<i class="icon-refresh refrshIcon" onClick="removetxt();"></i>@endif <button type="submit" class="btn btn-primary" style="margin-top: 5px;">Go</button>
                        </div>
                </div>
                
                </form>
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"> <i class="icon-align-justify"></i> </span>
                        <h5>{{ getTitleInPage() }}</h5>
                    </div>
                    
                    <div class="widget-content nopadding">
                        <form action="{{ url('messages/store') }}" method="post" class="form-horizontal"  enctype="multipart/form-data" id="message_id">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <input type="hidden" name="txtserach" value="{{ $txtSearch }}">
                            
                            
                            <div class="control-group">
                                <label class="control-label">Title* :</label>
                            <div class="controls">
                                <input class="span11" placeholder="Title" type="text" name="msg_title" value="{{ (!empty($messageTitleIconObj) && $messageTitleIconObj->msg_title != null)?$messageTitleIconObj->msg_title:Input::old('msg_title') }}" required="">
                            </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Icon :</label>
                                <div class="controls">
                                
                                    <input class="span11" type="file" name="msg_icon" accept="image/*">
                                
                                    @if(!empty($messageTitleIconObj) && !empty($messageTitleIconObj->msg_icon))
                                    <img src="{{ $messageTitleIconObj->msg_icon }}" alt="" width="50px" height="50px" />
                                    @endif
                                </div>
                            </div>
                            <div class="widget-box">
                            <div class="widget-title"> <span class="icon"> <i class="icon-align-justify"></i> </span>
                                <h5>List for Message</h5>
                                @if($txtSearch == '')
                                <input type="button" class="btn btn-info btn-xs add_item" value="Add Message" id="add_item" style="margin-top:3px;">
                                @endif
                            </div>
                            <div class="widget-content nopadding">
                                <div id="no-more-tables">
                                    <table class="table table-striped col-md-12 table-bordered table-striped table-condensed cf">
                                        <thead class="cf">
                                            <tr>
                                                <th class="w25proc">Id</th>
                                                <th class="w25proc">Keyword</th>
                                                <!--<th class="w25proc">Level</th>-->
                                                <th class="w25proc">Message Type</th>
                                                <th class="w25proc">Message(English)</th>
                                               <!-- <th class="w10proc">Message(Hindi)</th>
                                                 <th class="w10proc"></th> -->
                                            </tr>
                                        </thead>

                                        <tbody class="addItem">
                                            @if(count($Messages) > 0)
                                            @php
                                            $i = 1;
                                            @endphp
                                            @foreach($Messages as $msg)
                                            <tr class="item" id="item{{ $i }}">
                                                <td>
                                                    {{$msg->unique_number}}
                                                </td>
                                                <td>
                                                    <!--readonly-->
                                                    <input type="text" name="keyword[][{{$msg->language_id}}]" class="span11" placeholder="Keyword" id="keyword{{ $i }}" value="{{ $msg->keyword }}" required="" />
                                                </td>
                                                <!--<td>
                                                <select class="span11" name="msg_type[][{{$msg->language_id}}]" id="msg_type{{ $i }}">
                                                    <option value="0" {{ ($msg->msg_type == 0)?'selected':'' }} > Platform Level</option> 
                                                    <option value="1" {{ ($msg->msg_type == 1)?'selected':'' }} > HO Level</option> 
                                                </select>
                                                   
                                                </td>-->
                                                <td>
                                                <select class="span11" name="message_type[][{{$msg->language_id}}]" id="message_type{{ $i }}">
                                                   @if(count($MessagesType) > 0)
                                                   @foreach($MessagesType as $key => $val)
                                                   <option value="{{ $val->id }}" {{ ($msg->message_type == $val->id)?'selected':'' }} > {{ $val->name }} </option> 
                                                   @endforeach
                                                   @endif
                                                   </select>
                                                </td>
                                                <td>
                                                    <textarea name="value_en[][{{$msg->language_id}}]" placeholder="Message(English)" id="value_eng_{{ $i }}" class="span11" rows="3" required="">{{ $msg->value }}</textarea>
                                                    <!-- <input type="text" name="value_en[][{{$msg->language_id}}]" class="span11" placeholder="Message(English)" id="value_eng_{{ $i }}" value="{{ $msg->value }}" required="" /> -->
                                                </td>
                                                <!--<td>
                                                    <textarea name="value_hi[][2]" placeholder="Message(Hindi)" id="value_hindi_{{ $i }}" class="span11" rows="3" >{{ getHindiValue($msg->keyword) }}</textarea>
                                                </td>-->
                                                <!-- <td>
                                                <a class="btn btn-mini btn-danger item_delete" id="item_delete{{ $i }}" title="Delete"><i class="icon-trash"></i></a>
                                                <a class="btn btn-mini btn-primary add_item add-res" title="Add" href="javascript:void(0)"><i class="icon-plus"></i></a>
                                                </td> -->
                                            </tr>
                                            @php $i++; @endphp
                                            @endforeach
                                            @else
                                            <tr class="item" id="item1">

                                                <td>
                                                <input type="text" name="keyword[][1]" class="span11" placeholder="Keyword" id="keyword1" value="" required="" />
                                                </td>
                                                <td>
                                                <input type="text" name="value_en[][1]" class="span11" placeholder="Message(English)" id="value_eng_1" value="" required="" />
                                                </td>
                                                <!--<td>
                                                <select class="span11" name="msg_type[][1]" id="msg_type1">
                                                    <option value="0" > Platform Level</option> 
                                                    <option value="1" > HO Level</option> 
                                                </select>
                                                   
                                                </td>-->
                                                <td>
                                                <select class="span11" name="message_type[][1]" id="message_type1">
                                                   @if(count($MessagesType) > 0)
                                                   @foreach($MessagesType as $key => $val)
                                                    <option value="{{ $val->id }}"> {{ $val->name }} </option> 
                                                   @endforeach
                                                   @endif
                                                   </select>
                                                   
                                                </td>
                                                <!--<td >
                                                <input type="text" name="value_hi[][2]" class="span11" placeholder="Message(Hindi)" id="value_hindi_1" value="" />
                                                </td>-->
                                                <td>
                                                <a class="btn btn-mini btn-danger item_delete" id="item_delete1" title="Delete"><i class="icon-trash"></i></a>
                                                <a class="btn btn-mini btn-primary add_item add-res" title="Add" id="add-res1" href="javascript:void(0)"><i class="icon-plus"></i>
                                                </a>
                                                </td>
                                            </tr>
                                            @endif

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                            <!-- <div class="span11">
                            <div class="widget-box">
                            <div class="widget-title bg_ly" data-toggle="collapse" href="#collapseG2"><span class="icon"><i class="icon-chevron-down"></i></span>
                                <h5>List for Message</h5>
                            </div>
                            <div class="widget-content nopadding collapse" id="collapseG2" style="height: auto;">
                            <ul class="recent-posts">
                            <li>
                            <div class="control-group">
                                <label class="span3"><b>Keyword</b></label>
                                <label class="span4"><b>Message(English)</b></label>
                                <label class="span4"><b>Message(Hindi)</b></label>
                            </div>
                                @if(count($Messages) > 0)
                                @foreach($Messages as $key => $msg)
                                <div class="control-group">
                                <input class="span3" placeholder="Keyword" type="text" name="keyword[{{$msg->id}}][{{$msg->language_id}}]" value="{{ $msg->keyword }}" style="margin-right:5px;float:left;">
                                <input class="span4" placeholder="Message(English)" type="text" name="value[{{$msg->id}}][{{$msg->language_id}}]" value="{{ $msg->value }}" style="margin-right:5px;float:left;">
                                <input class="span4" placeholder="Message(Hindi)" type="text" name="value[{{getHindiId($msg->keyword)}}][2]" value="{{ getHindiValue($msg->keyword) }}" style="margin-right:5px;float:left;">
                                <span class="span1">
                                <a class="btn btn-mini btn-danger" onclick="if (confirm('Are You Sure? Do You Want To Delete?')) {
                                                    return true;
                                                } else {
                                                    return false;
                                                }" href="{{ url('messages/delete/'.$msg->keyword) }}" title="Delete"><i class="icon-trash"></i></a>
                                </span>
                                </div>
                                @endforeach
                                @else
                            <div class="control-group">
                            <div class="controls" style="padding: 0px">
                                <label class="control-label" style="padding: 0px;text-align: left;">Data Not Found</label>
                            </div>
    
                            </div>
                            @endif
                
                            </li>
                            </ul>
                            </div>
                            </div>
                            </div> -->
                            <div class="form-actions">
                                <button type="submit" class="btn btn-success">Save</button>
                                <!-- <a href="{{ url('institution_type') }}" class="btn btn-default rightClnBtn">Cancel</a> -->
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
<script type="text/javascript">

(function() {
    $('input, textarea,select').change(function() {
        
        var form = $("#message_id");
        var formData = new FormData(form[0]);
        

        $.ajax({
            type: "POST",
            url: "{{ url('messages/auto-save-msg') }}",
            data: formData,
            contentType: false, //this is requireded please see answers above
            processData: false, //this is requireded please see answers above
            success: function(data) {
           
            console.log(data);
        },
        error: function(error) {
            console.log(error);
            }
        });
    });
    $('#default_app_menubtnRight').click(function(e) {

        var selectedOpts = $('#default_app_menu1 option:selected');
        if (selectedOpts.length == 0) {
            alert("Nothing to move.");
            e.preventDefault();
        }
        $('#default_app_menu2').append($(selectedOpts).clone());
        $('#default_app_menu2 > option').attr('selected', 'selected');
        $(selectedOpts).remove();
        e.preventDefault();
    });

    $('#default_app_menubtnAllRight').click(function(e) {
        var selectedOpts = $('#default_app_menu1 option');
        if (selectedOpts.length == 0) {
            alert("Nothing to move.");
            e.preventDefault();
        }

        $('#default_app_menu2').append($(selectedOpts).clone());
        $('#default_app_menu2 option').attr('selected', 'selected');
        $(selectedOpts).remove();
        e.preventDefault();
    });

    $('#default_app_menubtnLeft').click(function(e) {
        var selectedOpts = $('#default_app_menu2 option:selected');
        if (selectedOpts.length == 0) {
            alert("Nothing to move.");
            e.preventDefault();
        }

        $('#default_app_menu1').append($(selectedOpts).clone());
        $('#default_app_menu1 option').removeAttr("selected");
        $(selectedOpts).remove();
        e.preventDefault();
        $('#default_app_menu2 > option').attr('selected', 'selected');
    });

    $('#default_app_menubtnAllLeft').click(function(e) {
        var selectedOpts = $('#default_app_menu2 option');
        if (selectedOpts.length == 0) {
            alert("Nothing to move.");
            e.preventDefault();
        }

        $('#default_app_menu1').append($(selectedOpts).clone());
        $('#default_app_menu1 option').removeAttr("selected");
        $(selectedOpts).remove();
        e.preventDefault();
    });
}(jQuery));

function removetxt(){
    $('#txtserach').val('');
    $('#frmMsg').submit();
}
</script>
@parent
@endsection