@extends('layouts.admin')

<!-- Page title -->
@section('pageTitle')
  <title>Best Insurance | Profiles</title>
@stop

@section('content')
<section class="content">
 <div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12">
      <div class="m-b-10">
        <a href="{{URL::to('account/profile/create')}}" class="btn btn-primary btn-lg">
          <span class="" > <i class="fa fa-plus"></i>&nbsp;&nbsp;Add Profile</span>
        </a>&nbsp;&nbsp;&nbsp;&nbsp;
        
        <a href="{{URL::to('account/industries/import/profiles/3')}}" class="btn btn-primary btn-lg">
          <span class="" > <i class="fa fa-download"></i>&nbsp;&nbsp;Bulk Import </span>
        </a>

      </div>
    </div>
    
    <!-- /.col -->
  </div>
  <div class="box">
    <div class="box-body">
        <table id="news" class="table table-bordered table-hover">
            <thead>
              <tr>
                <th>Created Date</th>
                <th>Title</th>
                <th>Description</th>
                <th width="15%" >Created Date</th>
                <th class="actalign">Status</th>
                <th width="15%" class="actalign">Actions</th>
              </tr>
            </thead>
              <tbody>
              @if(isset($profiles))
              @foreach($profiles as $profile)
                <tr>
                  <td>{{$profile->updated_at}}</td>
                  <td>{{$profile->title}} </td>
                  <td>{{$profile->description}} </td>
                  <td>{{date('d-m-Y H:i:s',strtotime($profile->updated_at))}}</td>
                  @if($profile->is_active == '1')
                    <td  class="actalign"><i class="fa fa-check text-green"></i></td>
                  @else
                  <td  class="actalign"><i class="fa fa-times text-red"></i> </td>
                  @endif
                  <td class="actalign"> 
                      <a class="text-blue" title="Edit" href="{{URL::to('account/profile/'.$profile->id.'/edit')}}">
                        <i class="fa fa-fw fa-edit"></i>
                      </a>

                      <a class="text-red delete-btn" href="#" title="Delete" data-id='{{$profile->id}}'>
                        <i class="fa fa-fw fa-remove"></i>
                      </a> 
                  </td>
                </tr>
              @endforeach
              @endif
            </tbody>
        </table>
    </div>
        <!-- /.box-body -->
  </div>
<!-- </div> -->
  <a data-target="#ConfirmDelete" role="button" data-toggle="modal" id="trigger"></a>
   
</section>

@stop
@section('pageBottomJs')
<style type="text/css">
  .fa-fw {
    width: 2.285714em;
    text-align: center;
  }
  .info-box {
    min-height: 42px;
  }
  .info-box-icon {
    height: 42px;
  }
  /* for Actions alignments in table */
  .actalign{
    text-align: center;
  }
  /* for validation messages */
  .error{
    color :red;
  }
</style>
</style> 
<script src="{{ URL::asset('assets/js/dataTables/jquery.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.min.js') }}"></script>
<link rel="stylesheet" href="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.css') }}">
<script>
    $(document).ready(function () {

    $('#news').dataTable({
        "paging": true,
        "lengthChange": true,
        "searching": true,
        "ordering": true,
        "info": true,
        "autoWidth": false,
        "order": [[0, 'desc']],
        "aoColumnDefs": [
          {"bSortable": false, "aTargets": [5]},
          {'visible': false, "aTargets" : 0}
        ],
        "iDisplayLength": 20,
        "aLengthMenu" : [[10,20,50,100,-1],[10,20,50,100,"All"]],
      });   
      $('#formValidation').validate({
          rules:{
            titel:{
              required:true
            }
          },
          messages:{
            title:'Please enter title.'
          }
      });
    });

    $(".delete-btn").click(function () {
        var id = $(this).attr("data-id");
        $("#confirmButton").html(
           "<a href='/account/profile/destroy/"+ id+"'  class='btn btn-danger'>Confirm</a>"
        );
        $('#modal-title').html(
          '<h4 class="modal-title">Profile deletion</h4>'
          );
        $('#modal-body').html(
          '<p> Do you really want to delete?</p>'
          );
        $("#trigger").click();
    });

</script>
@stop