@extends('layout.main')

@section('styles')
    {{ HTML::style('css/bootstrap.css') }}
    {{ HTML::style('css/AdminLTE.css') }}
    {{ HTML::style('css/datatables/dataTables.bootstrap.css') }}
@stop

@section('content')
<div class="img-titolo">
    <div><hr><h2>Admin</h2><hr></div>
    <img src="{{ URL::asset('image/riservata-bg.jpg') }}" alt="">
</div>

<div class="wrap admin">
    @include('admin.nav')

    <section class="content">
        <div class="box">
        <div class="box-header">
            <h3 class="box-title"></h3>
        </div>

        <!-- /.box-header -->
        <div class="box-body table-responsive">
            <select class="form-control" name="folder" id="folder">
                @foreach(Organi::all() as $sez)
                    <option @if($sez->idorgani == $sezione){{'selected'}}@endif value="{{$sez->idorgani}}">{{$sez->sezione}}</option>
                @endforeach
            </select><br>

            <table id="crud_list" class="table table-bordered table-striped">
                <thead>
                <tr>
                    <th>folder</th>
                    <th>elimina</th>
                </tr>
                </thead>
                <tbody>
                @foreach($folders as $i => $folder)
                <tr>
                    <input type="hidden" name="position" value="{{$i}}"/>
                    <td>{{ $folder->folder}}</td>
                    <td><a href="{{ URL::route('admin-organi-delete-folder', [$folder->id,$folder->id_sezione]) }}" class="btn-flat btn-warning btn-sm">Elimina</a></td>
                </tr>
                @endforeach
                </tbody>
                </tfoot>
            </table>
        </div>
        <!-- /.box-body -->
    </div>
        <!-- /.box -->
    </section><!-- /.content -->

</div>
@stop

@section('scripts')
    {{HTML::script('js/plugins/datatables/jquery.dataTables.js') }}
    {{HTML::script('js/plugins/datatables/dataTables.bootstrap.js') }}
    {{HTML::script('js/plugins/datatables/dataTables.colResize.js') }}

    <script type="text/javascript">
        $(function () {
            $('#crud_list').dataTable({
                "bSort": true,
                "aaSorting": [[0,'desc']],
                "bPaginate": true,
                "bLengthChange": false,
                "bFilter": false,
                "bInfo": true,
                "bAutoWidth": true,
                "sDom": 'Zlfrtip'
            });

            $('.admin select#folder').change(function(e){ 
                e.preventDefault();
                window.location.href = '/admin/organi/lista-folder/'+$(this).val();
            });
        });
    </script>
@stop