@extends('layouts.app')

@section('title', 'Languages | Settings')

@section('content')

    <div class="studio98_websters">
        <div class="studio98_websters" >
            <div class="ibox float-e-margins">
                <div class="ibox-title2">
                    <h5>Languages</h5>
                </div>
                <div class="ibox-content p-md">
                    @include('flash::message')
                    <div class="clearfix"></div>

                    <div class="pull-right">
                        <a class="btn btn-primary" href="javascript:void(0);" data-toggle="modal" data-target="#create_item">
                            Add Language
                        </a>
                    </div>
                    <div class="table-responsive">
                        <div class="clearfix"></div>
                        <table class="table table-striped table-bordered table-hover" id="item_listing">
                            <thead>
                            <tr>
                                <th>Code</th>
                                <th>Title</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(is_array($languages) and count($languages) > 0)
                                @foreach($languages as $code => $title)
                                    <tr id="language_{{ $code }}">
                                        <td>{{ $code }}</td>
                                        <td>{{ $title }}</td>
                                        <td>
                                            @if( $code != 'en' )
                                                <a href="javascript:void(0);" class="btn btn-default btn-xs" onclick="getItem('{{ $code }}')"><i class="fa fa-pencil"></i></a>
                                                <a href="javascript:void(0);" class="btn btn-danger btn-xs" onclick="deleteItem('{{ $code }}')"><i style="color:white;" class="fa fa-trash-o"></i></a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
        <div class="modal inmodal fade" id="create_item" tabindex="" role="dialog"  aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                {!! Form::open(['onsubmit' => 'return saveItem(this);']) !!}
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">Add Language</h4>
                </div>
                <div class="modal-body">
                    @include('Website::setting.language._form')
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
    <div class="modal inmodal fade" id="update_item" tabindex="" role="dialog"  aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                {!! Form::open([ 'onsubmit' => 'return saveItem(this);']) !!}
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">Update Language</h4>
                </div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Update</button>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection

@section('footer')
    <script>

        $(document).on('change', '.language_code', function () {
            var langCode = $(this).val();
            var title = $(this).find('option[value="'+langCode+'"]').html();
            $('.language_title').val(title);
        });

        function saveItem(object)
        {
            var btn = $(object).find('button[type="submit"]');
            var btnText = $(btn).html();
            processBtnDisable(btn);

            var data = $(object).serialize();
            $.ajax({
                method: 'POST',
                url: '{{ website_url('setting/language')}}',
                data: data,
                dataType: 'json',
            }).done(function(response) {
                toastrShow('Success','Save successfully');
                location.reload();
            });
            return false;
        }

        function getItem(code)
        {
            $.ajax({
                method: 'GET',
                url: '{{ website_url('setting/edit-language')}}/' + code,
            }).done(function(response) {
                $('#update_item').find('.modal-body').html(response);
                $('#update_item').modal('show');
            });
        }

        function deleteItem(code) {
            if(confirm('Are you sure you want to remove this language?')) {
                $('#language_'+code).remove();
                $.ajax({
                    method: 'POST',
                    url: '{{ website_url('setting/delete-language')}}',
                    data: 'code=' + code +  '&_token={{ csrf_token() }}',
                    dataType: 'json',
                }).done(function(response) {

                });
            }
        }
    </script>
@endsection