@extends('main')

@section('css')
<link href="{{ asset('/css/bootstrapValidator.min.css')}}" rel="stylesheet">
<link href="{{ asset('plugins/datatables/css/jquery.dataTables.css')}}" rel="stylesheet">
@endsection

@section('content')
<section class="main_content">
    <div class="container">
    <ol class="breadcrumb cust-breadcrumb">
              <li><a href="{{url('/')}}">Home</a></li>
              <li class="active">Share</li>
            </ol>
              <div class="row">
              <div class="clearfix"></div>
              @if (Session::get('error_msg'))
                <div class="col-md-12">
                  <div class="alert alert-danger">
                     <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                       <span aria-hidden="true">&times;</span>
                     </button>
                      {{Session::get('error_msg')}}
                  </div>
                </div>
              @endif
              @if (Session::get('succ_msg'))
                <div class="col-md-12">
                  <div class="alert alert-success">
                     <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                       <span aria-hidden="true">&times;</span>
                     </button>
                      {{Session::get('succ_msg')}}
                  </div>
                </div>  
              @endif
            </div>
      <div class="row talent_home">
        @include("left_menu")
        <div class="col-md-9 col-sm-9">
           <div class="rt-panel-block">  
           <div class="my-profiles-block">  
          <h2 class="heading">Shared Data</h2>
          <div class="row">
              <div class="col-md-12">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs share-tab" role="tablist">
                  <li role="presentation" class="active"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"><strong>Profiles</strong></a></li>
                  <li role="presentation"><a href="#assets" aria-controls="assets" role="tab" data-toggle="tab"><strong>Files</strong></a></li>
                </ul>

                <!-- Tab panes -->
                <div class="tab-content">
                  <div role="tabpanel" class="tab-pane active" id="profile">
				   <div class="table-responsive visible-360">
                    <table id="users-share-table" class="table-bordered zui-table zui-table-rounded table share-pg-table">
                      <thead>
                        <tr>
                          <th>Profile</th>
                          <th>Action</th>
                          <th>Date</th>
                        </tr>
                      </thead>
                    </table></div>
                  </div>
                  <div role="tabpanel" class="tab-pane" id="assets">
				   <div class="table-responsive visible-360">
                    <table id="users-shared-assets" class="table-bordered zui-table zui-table-rounded table share-pg-table">
                      <thead>
                        <tr>
                          <th>Sender</th>
                          <th>File Name</th>
                          <th>Action</th>
                          <th>Date</th>
                        </tr>
                      </thead>
                    </table></div>
                  </div>
                  <br />
                </div>
              </div>

          </div>
          </div>
          </div>          
        </div>

        <!-- Video Modal -->
        <div class="modal fade" id="popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                  <h4 class="modal-title">Video</h4>
              </div>
              <iframe src="" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen width="600" height="400" id="modal-iframe"></iframe>
              <div class="modal-footer">
                <button data-dismiss="modal" class="btn-close btn-primary btn-default clear_form" type="button">Close</button>
              </div>

            </div>
          </div>
        </div>
        <!-- Picture Modal -->
        <div class="modal fade" id="pic-popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                  <h4 class="modal-title">Picture</h4>
              </div>
              <img src="" id="modal-pic" class="img-responsive">
              <div class="modal-footer">
                <button data-dismiss="modal" class="btn-close btn delete-btn clear_form pull-right" type="button">Close</button>
              </div>
            </div>
          </div>
        </div>         
                
  </section>
@endsection
@section('js')
<script src="{{ asset('js/bootstrapValidator.min.js')}}"></script>
<script src="{{ asset('js/bootbox.js')}}"></script>
<script src="{{ asset('plugins/datatables/js/jquery.dataTables.js')}}"></script>
<script src="{{ asset('js/typeahead_0.11.js')}}"></script>
<script src="{{ asset('js/handlebars.js')}}"></script>
<script src="{{ asset('js/validation.js')}}"></script>
<script src="{{ asset('js/share_js.js')}}"></script>
@endsection
