@extends('layouts.app')

@section('appjs')
<script type="application/javascript" src="{{ asset('js/app.js') }}"></script>
@endsection

@section('content')
@section('page_title')
My Profiles
@endsection
<style>
.table-user-information > tbody > tr:first-child {
    border-top: 0;
}
.table-user-information > tbody > tr > td {
    border-top: 0;
}
</style>

<div class="container-fluid">
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 m-auto">
          <div class="panel panel-info">
            <div class="panel-heading">
              <h3 class="panel-title uppercase">{{$singleuser->name}}</h3>
            </div>
            <div class="panel-body">
              <div class="row">
                <div class="col-md-3 col-lg-3 " align="center"> 
                    <img alt="User Pic" src="{{ asset('images/user_profiles.jpeg') }}" class="img-circle img-responsive wd-120px"> </div>
                <div class=" col-md-9 col-lg-9"> 
                  <table class="table table-user-information">
                    <tbody>
                      <tr>
                        <td>Role</td>
                        <td>{{$singleuser->role}}</td>
                      </tr>
                      <tr>
                        <td>Mobile Number</td>
                        <td>+91 {{$singleuser->mobile_number}}</td>
                      </tr>
                      <tr>
                        <td>Email</td>
                        <td><a href="#">{{$singleuser->email}}</a></td>
                      </tr>
                      </tbody>
                    </table>
                </div>
                
                <div class=" col-md-12 col-lg-12">
                <table class="table table-bordered tbl-permission text-center">
                    <thead>
                      <tr>
                        <th>Add </th>
                        <th>View </th>
                        <th>Edit </th>
                        <th>Excel </th>
                        <th>Logs</th>
                      </tr>
                      </thead>
                    <tbody>
                    <tr>
                        <td>@if($singleuser->p_create==1) 
                             <i class="fa fa-check greenIcon" aria-hidden="true"></i>
                             @else
                             <i class="fa fa-times redIcon" aria-hidden="true"></i> 
                             @endif
                        </td>

                        <td>@if($singleuser->p_view==1)
                             <i class="fa fa-check greenIcon" aria-hidden="true"></i>
                             @else
                             <i class="fa fa-times redIcon" aria-hidden="true"></i> 
                             @endif
                        </td>

                        <td>@if($singleuser->p_update==1)
                             <i class="fa fa-check greenIcon" aria-hidden="true"></i>
                             @else
                             <i class="fa fa-times redIcon" aria-hidden="true"></i> 
                             @endif
                        </td>

                        <td>@if($singleuser->p_excel==1)
                             <i class="fa fa-check greenIcon" aria-hidden="true"></i>
                             @else
                             <i class="fa fa-times redIcon" aria-hidden="true"></i> 
                             @endif
                        </td>
                        <td>@if($singleuser->p_logs==1)
                          <i class="fa fa-check greenIcon" aria-hidden="true"></i>
                          @else
                          <i class="fa fa-times redIcon" aria-hidden="true"></i> 
                          @endif
                     </td>
                    </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>

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

<link rel="stylesheet" href="{{asset('css/jquery-ui.css')}}" />
<script type="application/javascript" src="{{ asset('js/jquery-ui.js') }}"></script>
@endsection