@extends('admin.app') 

@section('content')
@if (isset($status))
<div class="pad margin no-print">
    <div class="alert alert-{{$status['code']}} alert-dismissible fade in" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4><i class="icon fa fa-ban"></i> {{ $status['header'] }}</h4>
        <ul>
            @foreach ($status['messages'] as $m)
                <li>{{$m}}</li>
            @endforeach
        </ul>
    </div>
</div>
@endif

@if (count($errors) > 0)
<div class="pad margin no-print">
    <div class="alert alert-danger alert-dismissible fade in">
        There were some problems adding offer.<br />
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
</div>
@endif

<section class="content">
    <div class="row">
        <!-- left column -->
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="box box-primary">
                <div class="box-header">
                    <ul class="nav nav-tabs">
                        <li><a href="/admin/users/{{$user->id}}/edit">User</a></li>
                        <li><a href="/admin/users/{{$user->id}}/roles">Roles</a></li>
                        <li class="active"><a href="/admin/users/{{$user->id}}/documents">Documents</a></li>
                    </ul>
                    
                    <div class="box-tools">
                        <button class="btn btn-primary btn-sm close_popup">
                        <span class="glyphicon glyphicon-backward"></span> {{{trans('admin/admin.back') }}}
                        </button>
                    </div>
                </div><!-- /.box-header -->
                <!-- form start -->
                {!! Form::model($document, [
                    'method' => isset($document) && $document->id ? 'put' : 'post',
                    'files'=> true

                    ]) !!}
                    <div class="box-body">
                        <div class="col-md-6">
                            <div class="form-offer">
                                <label for="name">Document Name</label>
                                {!! Form::text('title', 
                                isset($document) && $document->title ? $document->title : old('title'), 
                                ['class' => 'form-control',
                                'placeholder' => 'Document Name',
                                'id' => 'title']) 
                                !!}
                            </div>
                        </div>
                       
                        <div class="col-md-6">
                            <div class="form-offer">
                                <label for="file">Image</label>
                                @if(!isset($document->id))
                                
                                    {!! Form::file('file', 
                                    isset($document) && $document->file ? $document->file : old('file'), 
                                    ['class' => 'form-control',
                                    'placeholder' => 'Offer Title',
                                    'id' => 'file']) 
                                    !!}
                                @else 
                                    <br/>
                                    <img src="/storage/{{$document->file}}" style="height: 80px">
                                @endif
                            </div>
                        </div>
                       
                    </div><!-- /.box-body -->
                    
                    <div class="box-footer">
                        <button type="reset" class="btn btn-warning close_popup">
                            <span class="glyphicon glyphicon-ban-circle"></span> {{trans("admin/modal.cancel") }}
                        </button>
                        <button type="submit" class="btn btn-primary">
                            <span class="glyphicon glyphicon-ok-circle"></span>
                            @if (isset($document->id))
                                Edit
                            @else
                                Add Document
                            @endif
                        </button>
                    </div>
                {!! Form::close() !!}
                <br><br>
            </div><!-- /.box -->
        </div><!--/.col (left) -->
    </div>   <!-- /.row -->
</section>

 <section class="content-header">
        <!--<h1>Users <small>Platform Users</small></h1>-->
        <h1>User Documents</h1>
    </section>
    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                    <div class="box-body">
                        <table id="table" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Title</th>
                                    <th>Type</th>
                                    <th>Created By</th>
                                    <th>Active</th>
                                    <th>Created At</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div><!-- /.box-body -->
                </div>
            </div>
        </div>
    </section>  

@stop 


@section('scripts')
    <script type="text/javascript">
         var oTable;
        $(document).ready(function () {
            oTable = $('#table').DataTable({
                "order" : [[1, "desc"]],
                "sDom": "<'row'<'col-md-2'l><'col-md-7'a><'col-md-2'f>r>t<'row'<'col-md-6'i><'col-md-6'p>>",
                //"sPaginationType": "bootstrap",
                "processing": true,
                "serverSide": true,
                "ajax": "/admin/users/{{$user->id}}/documents/data/",
                "columns": [
                    { data: 'title', name: 'title' },
                    { data: 'type', name: 'type' },
                    { data: 'created_by', name: 'created_by' },
                    { data: 'deleted_at', name: 'deleted_at' },
                    { data: 'created_at', name: 'created_at' },
                    { data: 'actions', name: 'actions' }
                ],
                "fnDrawCallback": function (oSettings) {
                }
            });
        });
    </script>
@endsection