@extends('page')

@section('content')


<!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>View Profile - {{$user->name}}</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ route('users.index') }}">Users</a></li>
            <li class="breadcrumb-item active">View Profile - {{$user->name}}</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

@if ($message = Session::get('success'))
    <div class="alert alert-success">
        {{ $message }}
    </div>
@endif

<!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card card-info">
            <div class="card-header">
              <h3 class="card-title">User Details</h3>
                
            </div>
            <!-- /.card-header -->
            <div class="card-body">

              <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                  <div class="row">
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="row">
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Name:</label></strong>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                            {{$user->name}}
                        </div>
                      </div>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="row">
                        <div class="col-xs-9 col-sm-9 col-md-9">
                          @if($user->image)
                            <img class="responsive" src="{{asset('../storage/app/users/'.$user->image)}}" width="90">
                          @else
                            <img class="responsive" src="{{asset('../storage/app/users/default.jpeg')}}" width="90">
                          @endif
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                  <h5>Contact Info</h5>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                  <div class="row">
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="row">
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Email:</label></strong>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                            {{$user->email}}
                        </div>
                      </div>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="row">
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Phone Number:</label></strong>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                            {{$user->phone_code}}
                            &nbsp;
                            {{$user->phone}}
                                
                        </div>
                      </div>
                    </div>
                  </div>
                </div>


                <div class="col-xs-12 col-sm-12 col-md-12">
                  <h5>Company Info</h5>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                  <div class="row">
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="row">
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Company:</label></strong>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                            {{$company_name}}
                        </div>
                      </div>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="row">
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Designation:</label></strong>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                            {{$user->designation}}
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                  <div class="row">
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="row">
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Role:</label></strong>
                            <br/>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                            <div class="col-xs-12 col-sm-12 col-md-12 row">
                            @if(count($userRole)>0)
                              @foreach($userRole as $value)
                                  <label id={{$value->id}}>{{ Form::checkbox('roles[]', $value->id, true, array('class' => 'name','disabled'=>'true')) }}
                                  {{ $value->name }} &nbsp;&nbsp;&nbsp;</label>
                              
                              @endforeach
                            @else
                              No roles assigned to {{$user->name}}
                            @endif
                            </div>
                        </div>
                      </div>  
                    </div>
                  </div>
                </div>
                  
                <!-- <div class="col-xs-12 col-sm-12 col-md-12 text-left">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div> -->
              </div>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->


            </div>
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  </section>
<!-- /.content -->

<!-- <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> -->
<!-- <script type="text/javascript" language="javascript" src="{{asset('js/users/index.js')}}"></script> -->
<script type="text/javascript" language="javascript" src="{{asset('js/users/validation_edit.js')}}"></script>
<script type="text/javascript" language="javascript" src="{{asset('js/users/manage_role.js')}}"></script>

@endsection