@extends($layout)

@section('head')
    {{ HTML::script('assets/backend/js/ZeroClipboard/dist/ZeroClipboard.js') }}
    <script type="text/javascript">
        $(function() {
            var client = new ZeroClipboard( document.getElementsByClassName("copy-to-clipboard") );
            client.on( "ready", function( readyEvent ) {
                client.on( "aftercopy", function( event ) {
                    alert("Skopiowano do schowka");
                } );
                e.preventDefault();
            } );


            $("#file").bind('change', function() {
                var form = $(this).closest("form");
                var localPath = $(this).val();
                var imageExtensions = ['jpg', 'jpeg', 'gif', 'png'];
                var extension = localPath.match(/^.*\.(.*)$/i)[1];
                if(imageExtensions.indexOf(extension) === -1) {
                    $("#content").fadeTo(300, 0.7).spin();
                    $("#file-manager").fadeTo(300, 0.4);
                    form.submit();
                } else {
                    var modal = App.popupConfirmationDialog({{ json_encode(trans('FileManager::common.do_you_want_to_resize_the_image')) }}, $("#resize_hidden_modal").html(), function() {
                        form.attr('action', form.attr('action'));
                        $("#content").fadeTo(300, 0.7).spin();
                        $("#file-manager").fadeTo(300, 0.4);
                        form.append($('<input>').attr('name', 'width').attr("type", "hidden").val($("#width").val()));
                        form.append($('<input>').attr('name', 'height').attr("type", "hidden").val($("#height").val()));
                        form.submit();
                        
                    }, function() {
                        form.submit();
                    });
                    
                    var tempWidth = modal.find('#width_2').attr('tempid');
                    modal.find("input[tempid='width']").attr({'id': tempWidth, 'name' : tempWidth});
                    
                    var tempHeight = modal.find('#height_2').attr('tempid');
                    modal.find("input[tempid='height']").attr({'id': tempHeight, 'name' : tempHeight});
                } 
            });
            
            $(".rename-link").bind('click', function() {
               var id = $(this).attr('rel');
               var form = $(this).parent().find('#rename-form');
               var newName = prompt({{ json_encode(trans('FileManager::common.rename')) }}, $("#current_name_" + id).val());
               if(newName != null && newName != '') {
                   form.find('#new_name_' + id).val(newName);
                   form.submit();
               }
            });
            
            $(".delete-dir-link").bind('click', function() {
               var id = $(this).attr('rel');
               var form = $(this).parent().find('#delete-form');
                confirmDialog({{ json_encode(trans('FileManager::delete_confirmation_title')) }}, '<p class="modal-text">' + {{ json_encode(trans('FileManager::delete_confirmation_message')) }} + "</p>", function() {
                    form.submit();
                }, function() { });
            });
            
            $(".delete-file-link").bind('click', function() {
               var id = $(this).attr('rel');
               var form = $(this).parent().find('#delete-form');
                confirmDialog({{ json_encode(trans('FileManager::messages.delete_confirmation_title')) }},  '<p class="modal-text">' + {{ json_encode(trans('FileManager::messages.delete_confirmation_message')) }} + "</p>", function() {
                    form.submit();
                }, function() { });
            });
            
            $(".filename").bind('click', function(e) {
                if(typeof opener != "undefined" && opener != null) {
                    e.preventDefault();
                    opener.$(opener.document).trigger({
                        type: "chooseFile"{{ (Input::get('event') != null ? ' + ' . json_encode('-' . Input::get('event')) : '') }},
                        filename: $(this).text(),
                        url: {{ json_encode($currentDirUrl) }} + $(this).text(),
                        path: {{ json_encode($currentDirPath) }} + $(this).text()
                    });
                }
            });
            
            $("[data-file-delete-confirmation]").bind("click", function(e) {
                e.preventDefault();

                var url = $(this).data("file-delete-confirmation");

                App.popupConfirmationDialog(
                    Env.Translations.deleteConfirmationDialogTitle,
                    Env.Translations.deleteConfirmationDialogMessage,

                    // Confirm callback 
                    function(modalContainer) {
                        var form = $("<form>")
                            .attr({
                                action: url,
                                method: "POST"
                            })
                            .css({display: "none"});

                        form.appendTo("body");

                        form.submit();
                    });
            });
            
            $("[data-dir-delete-confirmation]").bind("click", function(e) {
                e.preventDefault();

                var url = $(this).data("dir-delete-confirmation");

                App.popupConfirmationDialog(
                    Env.Translations.deleteConfirmationDialogTitle,
                    Env.Translations.deleteConfirmationDialogMessage,

                    // Confirm callback 
                    function(modalContainer) {
                        var form = $("<form>")
                            .attr({
                                action: url,
                                method: "POST"
                            })
                            .css({display: "none"});

                        form.appendTo("body");

                        form.submit();
                    });
            });
        });
    </script>
@stop

@section('content')
<div id="file-manager">
    <table class="table table-bordered table-hover">
        <thead>
            <tr>
                <th>
                    <ul class="breadcrumb pull-left">