@extends('layouts.admin')
@section('content')
<link href="{{ URL::asset('/css/treeview.css') }}" media="all" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{{ URL::asset('plugins/tinymce4.1/tinymce.min.js') }}"></script>
<link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>
<div class="pageheader">
    <div class="media">
        <div class="media-body">
            <h4>@lang('Manage Departments')</h4>
            <ul class="breadcrumb">
                <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                <li>@lang('Departments')</li>
            </ul>
        </div>
    </div>
</div>

<div class="col-md-12" style="padding:5px 20px">
    <div class="row">
        <div class='col-md-3'>
            <p></p>
        </div>
<div class='card col-md-6' style="padding:40px">
    <div>
       <label>Select a Hospital (Branch)</label>
    </div>
    <select id='hospitals' class='select2' name='hospitals'>
        @if(!empty($hospitals))
            <option value=''>@lang('messages.Select Hospitals')</option>
            @foreach($hospitals as $hsp)
                <option value='{{$hsp->id}}'>{{$hsp->name}}</option>
            @endforeach
        @else
            <option value=''>@lang('messages.No Hospitals')</option>
        @endif
    </select>
</div>
<div class='col-md-3'>
    <p></p>
</div>
{{-- <div class="col-md-3 buttons_block">
    @if(IzoCommonHelper::hasPermission('category_management_add'))
    <div class="btn-group mr5">
        <a class="btn btn-primary tip" href="javascript:;" id="add_main_category" title="@lang('Add Main Department')">@lang('Add Main Department')</a>
    </div>
    @endif
</div> --}}
</div>
</div>
{{-- <div class="content" >
    <div  id="categorycontent">
  
    </div>
    <div  id="categorycontent1">
  
    </div>
</div> --}}
<div class="pt-3">&nbsp;</div>
<script type="text/javascript" src="{{ URL::asset('/js/treeview.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('/js/jquery.lazy.min.js') }}"></script>
<script type="text/javascript">
    // $(window).on('load', function () {
    //     tinymce.init({
    //         menubar: false, statusbar: true, plugins: [
    //             "advlist autolink lists link image charmap print preview hr anchor pagebreak code",
    //             "emoticons template paste textcolor colorpicker textpattern"
    //         ],
    //         toolbar1: "code | insertfile undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image preview | forecolor backcolor | fontsizeselect",
    //         height: '450px',
    //         selector: "textarea.content_english"
    //     });
    // });

$('#tree1').treed();
$(function() {
    $('.lazy').lazy({
        combined: true,
        delay: 5000
    });
});


$(document).ready(function() {
    $('#hospitals').select2();
    $('#all_images').hide();
    $('#content_english').hide();
    // $('#add_main_category').click(function(e) {
    //     e.preventDefault();
    //     $('#category_title').html('Add Main Department');
    //     $('#parent_category').hide();
    //     $('#category_name').val('');
    //     //$('#burmese_category_name').val('');
    //     $('#level').val(1);
    //     $('#category_id').val(0);
    //     $('#parent_id').val(0);
    //     $('#category_image').val('');
    //     $('#category_icon').val('');
    //     $('#meta_keywords').val('');
    //     $('#meta_description').val('');
    //     $('#sort_order').val(0);
    //     $('#is_home_page').show();
    //     $('#display_image').hide();
    //     $('#image_required').show();
    //     $('#all_images').hide();
    //     $('#content_english').hide();
        // var dcs='';
        // $("#content_english").val('');
        //         tinymce.activeEditor.setContent(dcs, {
        //             format: 'raw'
        //         });
    //     $('#form_image').attr('src','');
    //     $('#form_icon').attr('src','');
    //     $('#form_image1').attr('src','');
    //     $('#form_image2').attr('src','');
    //     $('#form_image3').attr('src','');
    //     $('#form_image4').attr('src','');
    //     $('#form_image5').attr('src','');
    //     $('#form_image6').attr('src','');
    //     $('#form_banner1').attr('src','');
    //     $('#form_banner2').attr('src','');
    //     $('#form_banner3').attr('src','');
    //     $("#display").prop("checked", false);
    //     $("#status").prop("checked", false);
    // });
    // $('.add_category').click(function(e) {
    //     e.preventDefault();
    //     $('#category_title').html('Add Speciality');
    //     c_detail = $(this).parent();
    //     $('#parent_category').show();
    //     $('#parent_category_name').html($(c_detail).attr('data-name'));
    //     $('#category_name').val('');
    //     //$('#burmese_category_name').val('');
    //     level = parseInt($(c_detail).attr('data-level'));
    //     $('#level').val(level + 1);
    //     $('#category_id').val(0);
    //     $('#parent_id').val($(c_detail).attr('data-category-id'));
    //     $('#category_image').val('');
    //     $('#category_icon').val('');
    //     $('#meta_keywords').val('');
    //     $('#content_english').val('');
    //     $('#meta_description').val('');
    //     $('#sort_order').val(0);
    //     $('#is_home_page').hide();
    //     $('#display_image').hide();
    //     $('#image_required').show();
    //     var dcs='';
    //     $("#content_english").val('');
    //             tinymce.activeEditor.setContent(dcs, {
    //                 format: 'raw'
    //             });
    //     $('#form_image').attr('src','');
    //     $('#form_icon').attr('src','');
    //     $('#form_image1').attr('src','');
    //     $('#form_image2').attr('src','');
    //     $('#form_image3').attr('src','');
    //     $('#form_image4').attr('src','');
    //     $('#form_image5').attr('src','');
    //     $('#form_image6').attr('src','');
    //     $('#form_banner1').attr('src','');
    //     $('#form_banner2').attr('src','');
    //     $('#form_banner3').attr('src','');
    //     if (($(c_detail).attr('data-level') == 1) || ($(c_detail).attr('data-level') == 2)) {
    //         $('#all_images').show();
    //         $('#content_english').show();
    //     }else{
    //         $('#all_images').hide();
    //         $('#content_english').hide();
    //     }
    //     $("#display").prop("checked", false);
    //     $("#status").prop("checked", false);
    // });
    // $('.edit_category').click(function(e) {
    //     e.preventDefault();
    //     $('#category_title').html('Edit Department/Category');
    //     c_detail = $(this).parent();
    //     console.log(c_detail);
    //     $('#category_name').val($(c_detail).attr('data-name'));
    //     //$('#burmese_category_name').val($(c_detail).attr('data-name-bs'));
    //     $('#level').val($(c_detail).attr('data-level'));
    //     $('#category_id').val($(c_detail).attr('data-category-id'));
    //     $('#parent_id').val($(c_detail).attr('data-parent-id'));
    //     $('#meta_keywords').val($(c_detail).attr('data-meta_keywords'));
    //     $('#meta_description').val($(c_detail).attr('data-meta_description'));
    //     // $('#content_english').val($(c_detail).attr('data-description'));
    //     var dcs=$(c_detail).attr('data-descriptionz');
    //     $("#content_english").val($(c_detail).attr('data-descriptionz'));
    //             tinymce.activeEditor.setContent(dcs, {
    //                 format: 'raw'
    //             });
    //     $('#category_image').val('');
    //     $('#category_icon').val('');
    //     $('#sort_order').val($(c_detail).attr('data-sort-order'));
    //     $('#image_required').hide();
    //     $('#display_image').show();
    //     $('#form_image').attr('src', $(c_detail).attr('data-image'));
    //     $('#form_icon').attr('src', $(c_detail).attr('data-icon'));
    //     $('#form_image1').attr('src', $(c_detail).attr('data-image1'));
    //     $('#form_image2').attr('src', $(c_detail).attr('data-image2'));
    //     $('#form_image3').attr('src', $(c_detail).attr('data-image3'));
    //     $('#form_image4').attr('src', $(c_detail).attr('data-image4'));
    //     $('#form_image5').attr('src', $(c_detail).attr('data-image5'));
    //     $('#form_image6').attr('src', $(c_detail).attr('data-image6'));
    //     $('#form_banner1').attr('src', $(c_detail).attr('data-banner1'));
    //     $('#form_banner2').attr('src', $(c_detail).attr('data-banner2'));
    //     $('#form_banner3').attr('src', $(c_detail).attr('data-banner3'));
    //     if ($(c_detail).attr('data-level') == 1) {
    //         $('#parent_category').hide();
    //         $('#is_home_page').show();
    //         $('#all_images').hide();
    //         $('#content_english').hide();
    //         if ($(c_detail).attr('data-display') == 1) {
    //             $("#display").prop("checked", true);
    //         } else {
    //             $("#display").prop("checked", false);
    //         }
    //     } else {
    //         $('#parent_category').show();
    //         $('#all_images').show();
    //         $('#content_english').show();
    //         $('#parent_category_name').html($(c_detail).attr('data-parent-category-name'));
    //         $('#is_home_page').hide();
    //         $("#display").prop("checked", false);
    //     }
    //     if ($(c_detail).attr('data-status') == 1) {
    //         $("#status").prop("checked", true);
    //     } else {
    //         $("#status").prop("checked", false);
    //     }
    // });
    $('#category_form').submit(function(e) {
        e.preventDefault();
        $('#loader-wrapper').removeClass('loader');
        $("#btnSubmit").attr("disabled", true);
        $('#btnCancel').attr("disabled", true);
        $('#btnSubmit').button('loading');
        content_english = tinymce.get('content_english').getContent();
        var token, url, data;
        token = $('meta[name="csrf-token"]').attr('content');
        url = '{{url('admin/categories/update')}}';
        data = new FormData(this);
        data.append('description', content_english);
        $.ajax({
            url: url,
            headers: {
                'X-CSRF-TOKEN': token
            },
            data: data,
            processData: false,
            contentType: false,
            type: 'POST',
            datatype: 'json',
            success: function(resp) {
                $('#loader-wrapper').addClass('loader');
                $("#btnSubmit").attr("disabled", false);
                $('#btnCancel').attr("disabled", false);
                $('#btnSubmit').button('reset');
                if (resp.http_code == 400) {
                    err_msg = resp.message.replace(/, \\n /g, '<br>');
                    toastr.error(err_msg);
                } else if (resp.http_code == 200) {
                    toastr.success(resp.message);
                    var loc = '{{ url('admin/categories')}}';
                    $(location).attr('href', loc);
                } else if (resp.http_code == 401) {
                    toastr.warning(resp.message);
                    var login = '{{ url('admin/login')}}';
                    $(location).attr('href', login);
                } else if (resp.http_code == 500) {
                    toastr.warning(resp.message);
                }
            },
            error: function(err) {
                $("#btnSubmit").attr("disabled", false);
                $('#btnCancel').attr("disabled", false);
                $('#btnSubmit').button('reset');
            }
        });
    });
    $('.status_category').click(function(e) {
        e.preventDefault();
        c_detail = $(this).parent();
        var c_status = $(c_detail).attr('data-status');
        var category_id = $(c_detail).attr('data-category-id');
        if (c_status == 0) {
            var conf = confirm('Would you like to active this Department?');
            status = 1;
        } else {
            var conf = confirm('Would you like to inactive this Department?');
            status = 0;
        }
        if (conf == true) {
            $('#loader-wrapper').removeClass('loader');
            var token, url, data;
            token = $('meta[name="csrf-token"]').attr('content');
            url = '{{url('admin/categories/update-status')}}';
            $.ajax({
                url: url,
                headers: {
                    'X-CSRF-TOKEN': token
                },
                data: {
                    'status': status,
                    'category_id': category_id
                },
                type: 'POST',
                datatype: 'json',
                success: function(resp) {
                    $('#loader-wrapper').addClass('loader');
                    if (resp.http_code == 400) {
                        err_msg = resp.message.replace(/, \\n /g, '<br>');
                        toastr.error(err_msg);
                    } else if (resp.http_code == 200) {
                        if (status == 0) {
                            $(c_detail).find('.status_category').removeClass('btn-success');
                            $(c_detail).find('.status_category').addClass('btn-danger');
                            $(c_detail).find('.status_category').children("i").removeClass('fa-thumbs-o-up');
                            $(c_detail).find('.status_category').children("i").addClass('fa-thumbs-o-down');
                        } else if (status == 1) {
                            $(c_detail).find('.status_category').addClass('btn-success');
                            $(c_detail).find('.status_category').removeClass('btn-danger');
                            $(c_detail).find('.status_category').children("i").addClass('fa-thumbs-o-up');
                            $(c_detail).find('.status_category').children("i").removeClass('fa-thumbs-o-down');
                        }
                        $(c_detail).attr('data-status', status);
                        toastr.success(resp.message);
                    } else if (resp.http_code == 401) {
                        toastr.warning(resp.message);
                        var login = '{{ url('admin/login')}}';
                        $(location).attr('href', login);
                    } else if (resp.http_code == 500) {
                        toastr.warning(resp.message);
                    }
                },
                error: function(err) {
                    $("#btnSubmit").attr("disabled", false);
                    $('#btnCancel').attr("disabled", false);
                    $('#btnSubmit').button('reset');
                }
            });
        }
    });

//   var add_more_environment_file_html = "<div class='form-group'><div class='control-label col-md-4'>"+'{{ Form::label("name", trans("Images File")) }}'+"<span class='required asterisk' aria-required='true'>*</span></div><div class='col-md-8'><input type='file' name='environment_images[]' placeholder='{{ trans('Add Images here.') }}' class='form-control'' onchange='validateFileType(this)'/></div></div>";
//      $(".add_more_environment_button").on("click", function(){
//      $('.add-more-environment-prepend').before(add_more_environment_file_html);
//   }); 

//    var add_more_banner_file_html = "<div class='form-group'><div class='control-label col-md-4'>"+'{{ Form::label("name", trans("Banner File")) }}'+"<span class='required asterisk' aria-required='true'>*</span></div><div class='col-md-8'><input type='file' name='banner_images[]' placeholder='{{ trans('Add Banner here.') }}' class='form-control'' onchange='validateFileType(this)'/></div></div>";
//        $(".add_more_banner_button").on("click", function(){
//        $('.add-more-banner-prepend').before(add_more_banner_file_html);
//    });

});

function validateFileType(id) {
    var fileName = $('#' + id)[0].files[0];
    var file_name = fileName.name;
    var file_size = fileName.size;
    var extFile = file_name.split('.').pop().toLowerCase();
    if (extFile != "jpg" && extFile != "png" && extFile != "jpeg" && extFile != "bmp") {
        $('#' + id).val('');
        alert("Only jpg,jpeg,bmp and png files are allowed!");
    } else if (file_size > 2097152) {
        $('#' + id).val('');
        alert('Image size should not be more than 2mb.');
    }
}

function changeStatus(category_id) {
    var status = $('body #category-' + category_id).data("status");
    if (status == 0) {
        var conf = confirm('Would you like to un approve this Department?');
    } else {
        var conf = confirm('Would you like to  approve this Department?');
    }
    if (conf == true) {
        var token, url;
        token = $('meta[name="csrf-token"]').attr('content');
        url = '{{ url('admin/main-category/change-status') }}';
        $.ajax({
            url: url,
            headers: {
                'X-CSRF-TOKEN': token
            },
            data: {
                'status': status,
                'category_id': category_id
            },
            type: 'POST',
            datatype: 'json',
            success: function(resp) {
                if (resp.http_code == 400) {
                    err_msg = resp.message.replace(/, \\n /g, '<br>');
                    toastr.error(err_msg);
                } else if (resp.http_code == 200) {
                    if (status == 0) {
                        $('#category-' + category_id).data('status', 1);
                        $('#category-' + category_id).attr('class', '');
                        $('#category-' + category_id).attr('class', 'glyphicon glyphicon-thumbs-down');
                    } else if (status == 1) {
                        $('#category-' + category_id).data('status', 0);
                        $('#category-' + category_id).attr('class', '');
                        $('#category-' + category_id).attr('class', 'glyphicon glyphicon-thumbs-up');
                    }
                    toastr.success(resp.message);
                } else if (resp.http_code == 401) {
                    toastr.warning(resp.message);
                    var login = '{{ url('admin/login')}}';
                    $(location).attr('href', login);
                } else if (resp.http_code == 500) {
                    toastr.warning(resp.message);
                }
            }
        });
    }
}



$("#hospitals").change(function(){

var hospitals = $('#hospitals').val();
var abc = '{{ url('admin/categories/branch') }}';
var url = abc+'/'+hospitals;
                $(location).attr('href', url);
});


</script>
@endsection