@extends('dashboard.base')

@section('content')

<div class="container-fluid">
    <div class="animated fadeIn">
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="card">
                   
  <ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#profile_details">Profile details</a></li>
    <li><a data-toggle="tab" href="#poll_details">Poll details</a></li>

  </ul>
  <div class="tab-content">
    <div id="profile_details" class="tab-pane in active">



                    <div class="card-header">
                        <h4>Profile Details</h4>
                    </div>

                    <div class="card-body">
                       <form method="POST"  action="#">
                         
                      <div class="row">
                            <div class="col-sm-2 ">
                                  <div class="img">
                                    <img class="img-responsive" style="border:1px solid red;" src="http://127.0.0.1:8000/assets/brand/P_full.png">

                                </div>
                             
                                
                              </div>
                           <div class="col-sm-5 ">
                              <br/><br/>
                                <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">Registered on </label>
                                    
                                  </div>
                                  <div class="col-sm-8">
                                       <input type="text"  class="form-control " id="firstname" value="{{($usermange->user_role==3) ? 'Pinipol':'Minipol'}}" readonly>
                                    
                                    </div>
                                  </div><br>
                                   <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">Name </label>
                                    
                                  </div>
                                  <div class="col-sm-8">
                                        <input type="text"  class="form-control " id="firstname" value="{{$usermange->firstname}} {{$usermange->lastname}}" readonly >
                                    
                                    </div>
                                  </div><br>

                                                                  

                                      
                                  

                                                                    
                                                                 
                                   <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">City </label>
                                    
                                  </div>
                                  <div class="col-sm-8">
                                       <input type="text"  class="form-control "  value=""  readonly>
                                    
                                    </div>
                                  </div><br>
                                   <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">Interests </label>
                                    
                                  </div>
                                  <div class="col-sm-8">
                                       <input type="text"  class="form-control " value=""  readonly>
                                    
                                    </div>
                                  </div>
                                
                            </div>
                                <div class="col-sm-5"><br/><br/>
                                    <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">User Status </label>
                                    
                                  </div>
                                  <div class="col-sm-8">
                                       <input type="text"  class="form-control "  value=""  readonly>
                                    
                                    </div>
                                  </div><br>
                                   <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">Phone </label>
                                    
                                  </div>
                                  <div class="col-sm-8">
                                       <input type="text"  class="form-control" value="{{$usermange->phone_no}}"  readonly>
                                    
                                    </div>
                                  </div><br>
                                   <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">Gender </label>
                                    
                                  </div>
                                  <div class="col-sm-8">
                                       <input type="text"  class="form-control " id="firstname" value="" name="firstname" readonly>
                                    
                                    </div>
                                  </div><br>
                                   <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">Username </label>
                                    
                                  </div>
                                  <div class="col-sm-8">
                                       <input type="text"  class="form-control " id="firstname" value="{{$usermange->username}}" name="firstname" readonly>
                                    
                                    </div>
                                  </div><br>
                                   <div class="row">
                                   <div class="col-sm-4">
                                    <label class="control-label">Country </label>
                                    
                                  </div>
                                  <div class="col-sm-8">
                                      <input type="text"  class="form-control " id="firstname" value="" name="firstname" readonly>
                                    
                                    </div>
                                  </div>
                                  
                                
                                </div>
                      </div>

                           
                         
                            <a href="/user-manage" class="btn btn-primary">Back</a>
                        </form>
                    </div>
                    </div>
                      <div id="poll_details" class="tab-pane">
 <div class="card-header">
                        <h4>Poll Details</h4>
                    </div>

                    <div class="card-body">
                       <form method="POST"  action="#">
                         
                     


                        <div class="row">
                            <div class="col-sm-4 ">
                                  <div class="row">
                                   <div class="col-sm-5">
                                    <label class="control-label">Total Poll Posted </label>
                                    
                                  </div>
                                  <div class="col-sm-7">
                                       <input type="text"  class="form-control " id="firstname" value="23" readonly>
                                    
                                    </div>
                                  </div><br><br>
                                   <div class="row">
                                   <div class="col-sm-5">
                                    <label class="control-label">Live Polls </label>
                                    
                                  </div>
                                  <div class="col-sm-7">
                                        <input type="text"  class="form-control " id="firstname" value="23" readonly >
                                    
                                    </div>
                                  </div><br><br>
                                </div>  
 <div class="col-sm-4 ">

                                  <div class="row">
                                   <div class="col-sm-5">
                                    <label class="control-label">Total Votes  </label>
                                    
                                  </div>
                                  <div class="col-sm-7">
                                       <input type="text"  class="form-control " id="firstname" value="{{($usermange->user_role==3) ? 'Pinipol':'Minipol'}}" readonly>
                                    
                                    </div>
                                  </div><br><br>
                                   <div class="row">
                                   <div class="col-sm-5">
                                    <label class="control-label">Closed Polls </label>
                                    
                                  </div>
                                  <div class="col-sm-7">
                                        <input type="text"  class="form-control " id="firstname" value="34" readonly >
                                    
                                    </div>
                                  </div><br><br>

                             
                                  
                                </div>  
                             <div class="col-sm-4 ">
                                  



                              <div class="row">
                                   <div class="col-sm-5">
                                    <label class="control-label">Scheduled Polls </label>
                                    
                                  </div>
                                  <div class="col-sm-7">
                                        <input type="text"  class="form-control " id="firstname" value="23" readonly >
                                    
                                    </div>
                                  </div><br><br>

                                    <div class="row">
                                   <div class="col-sm-5">
                                    <label class="control-label">Scheduled Polls </label>
                                    
                                  </div>
                                  <div class="col-sm-7">
                                        <input type="text"  class="form-control " id="firstname" value="23" readonly >
                                    
                                    </div>
                                  </div>

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

                   
                          
                                 
                              </div>
                            </form>


                      </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<!-- //css// -->
<style>

  label:not(.label1){

  float:right;
}
.col-sm-4 {
    padding-top: 6px;
}

.col-sm-5 {
    padding-top: 6px;
}

.form-control[readonly] {
    background-color: #FFF;
    opacity: 1;
}
</style>

@endsection
@section('javascript')

@endsection