@extends('layouts.app')
@section('pageTitle', 'User Akun - List')
@section('content')
<!-- Page header -->
<div class="page-header">
  <div class="page-header-content">
    <div class="page-title">
      <h4><span class="text-semibold">User Akun - List</span></h4>
    </div>
    <div class="heading-elements">
      <div class="heading-btn-group">
      <a href="{{route('user_akun.create')}}" data-toggle="modal" data-target="#modal-remote-lg" class="btn bg-blue btn-labeled heading-btn"><b><i class="icon-add"></i></b> Tambah User Akun</a>
      </div>
    </div>
  </div>
</div>
<!-- /page header -->
@include('notify')
<div class="content">
  <!-- /simple lists -->
      <!-- Main charts -->
      <div class="row">
          <div class="col-lg-12">

              <!-- Traffic sources -->
              <div class="panel panel-body">
                    <form class="form-horizontal" method="get" action="{{route('user_akun')}}">
                      {{csrf_field()}}
                        <div class="col-lg-12">
                          <div class="row">
                            <label class="control-label col-lg-1 text-right">Pengguna</label>
                            <div class="col-md-4">
                              <select name="user_id" class="form-control select1">
                                <option value="">- Pilih Pengguna</option>
                                @foreach($user as $row)
                                  <option value="{{ $row->id }}" 
                                    @if(!empty($input->user_id) && $input->user_id == $row->id)
                                        {{"selected"}}
                                    @endif>
                                    {{ $row->name }}
                                  </option>
                                @endforeach
                              </select>
                              <span class="help-block"></span>
                            </div>
                            <div class="col-md-2 text-left">
                              <input type="submit" name="submit" value="Cari" class="btn btn-default">
                            </div>
                          </div>
                        </div>
                    </form>

                    <div class="table-responsive col-lg-12 no-padding">
                      <table class="table table-xxs table-togglable table-hover" style="margin-top:10px;">
                        <thead style="border-top:1px solid #ddd;">
                          <tr>
                            <th data-hide="phone" class="col-lg-1 text-center">#</th>
                            <th data-toggle="true" class="col-lg-2 text-left">Pengguna</th>
                            <th data-hide="phone" class="col-md-8 text-left">Akun</th>
                          </tr>
                        </thead>
                        <tbody>
                          @php $i = ($metadata->currentPage - 1) * $metadata->perPage; @endphp
                          @forelse($user_akun as $data)
                            <tr>
                              <td class="text-center">{{ ++$i }}</td>
                              <td><a href="{{route('user_akun.view', $data->user_id)}}">{{$data->name}}</a></td>
                              <td>
                                @php $j =1; $total_akun = $data->total; @endphp
                                @foreach($data->akun as $val)
                                  @if($j <= 4)
                                    {{$val->akun}}
                                  @if($j++ < $total_akun), @endif
                                  @endif
                                @endforeach
                                    @if($total_akun > 4) ... @endif
                              </td>
                            </tr>
                          @empty
                            <tr><td colspan="3" class="text-center">Tidak ada data</td></tr>
                          @endforelse
                        </tbody>
                        <tfoot>
                          <tr>
                            <td colspan="3" class="text-center">@if(!empty($metadata->links)){!! $metadata->links !!}@endif</td>
                          </tr>
                        </tfoot>
                      </table>
                    </div>
              </div>
              <!-- /traffic sources -->
            <a href="#" id="back-to-top" title="Back to top"><i class="icon-arrow-up8"></i></a>
          </div>
      </div>
      <!-- /main charts -->
</div>
  <!-- Remote source -->
  <div id="modal-remote-lg" class="modal">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-body"></div>
      </div>
    </div>
  </div>
  <!-- /remote source -->
@endsection
@section('custom_js')
<script type="text/javascript">
$(document).ready(function(){
    $(".select").select2();
    $(".select1").select2();
});
</script>
@endsection