@extends('admin.layouts.admin')
@section('title')
Admin | Show profile
@endsection

@section('styles')
@endsection

@section('content')
<!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Show Profile</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
              <li class="breadcrumb-item"><a href="#">Users</a></li>
              @php
              $userRoleKey = '';
              if( is_numeric( array_search( $userType, array_column( $recordDetails['user_roles'], 'slug' ) ) ) ){
                  $userRoleKey = array_search($userType, array_column($recordDetails['user_roles'], 'slug'));
              }

              //pr($recordDetails['user_roles'][$userRoleKey]['slug']);
              @endphp
              <li class="breadcrumb-item"><a href="{{ url('admin/users/'.(is_numeric($userRoleKey)?$recordDetails['user_roles'][$userRoleKey]['slug']:'').'/list') }}">{{ is_numeric($userRoleKey)?$recordDetails['user_roles'][$userRoleKey]['name']:'' }}</a></li>
              <li class="breadcrumb-item active">Show</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->        
        <!-- /.row -->
        <!-- Main row -->
        <div class="row">
        <div class="col-md-10">
        <div class="card card-primary">

            @if ($errors->any())            
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
              <!-- <div class="card-header"> -->
                <!-- <h3 class="card-title">Quick Example</h3> -->
              <!-- </div> -->
              <!-- /.card-header -->
              <!-- form start -->              
                <div class="card-body">

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">Approve Status</label></div>
                      <div class="col-md-8">
                        <p class="">
                          @if($recordDetails['is_active'] == 1)
                            <span class="badge badge-success status">ACTIVE</span>
                          @else                      
                            <span class="badge badge-secondary status">INACTIVE</span>
                          @endif
                        </p>
                      </div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">Name</label></div>
                      <div class="col-md-8">
                      <p class="">{{ $recordDetails['name']??'' }}</p></div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">Email address</label></div>
                      <div class="col-md-8">
                      <p class="">{{ $recordDetails['email']??'' }}</p></div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">Phone number</label></div>
                      <div class="col-md-8">
                      <p class="">{{ $recordDetails['phone']??'' }}</p></div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">Address</label></div>
                      <div class="col-md-8">
                      <p class="">{{ $recordDetails['user_profile']['address']??'' }}</p></div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">State</label></div>
                      <div class="col-md-8">
                      <p class="">{{ $recordDetails['user_profile']['state']??'Not found.' }}</p></div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">Zip code</label></div>
                      <div class="col-md-8">
                      <p class="">{{ $recordDetails['user_profile']['zip_code']??'' }}</p></div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">Profile image</label></div>
                      <div class="col-md-8">                      
                        @if($recordDetails['user_profile']['profile_image'])
                          <img src="{{ asset('storage/images/users/'.$userType.'/web/'.$recordDetails['user_profile']['profile_image']) }}" alt="Profile image" title="profile image" height="200px" >
                        @else
                          No image.  
                        @endif
                      </div>
                    </div>
                  </div>           
                  
                                    
                </div>
                <!-- /.card-body -->

                <div class="card-footer">
                  <a href="{{ url('admin/users/'.$userType.'/list') }}" class="btn btn-danger">Back</a>&nbsp;
                  <a href="{{ url('admin/users/'.$userType.'/edit/'.$recordDetails['id']) }}" class="btn btn-primary">Edit</a>                  
                </div>              
            </div>          
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>        
        <!-- /.row (main row) -->
      </div><!-- /.container-fluid -->
      <button id="scrollTopBtn" class="scrollTopBtn" title="Go to top">Top</button>
    </section>
    <!-- /.content -->
@endsection

@section('scripts')
<script type="text/javascript">
</script>
@endsection