@extends('layouts.master')

@section('title', $appuser->fullname)

@section('links')
@endsection



@section('content')

<div class="br-mainpanel">
<div class="br-pageheader pd-y-15 pd-l-20">
      <nav class="breadcrumb pd-0 mg-0 tx-12">
        <a class="breadcrumb-item" href="">PlugNgo</a>
        <a href="{{ URL::to('appusers') }}" class="breadcrumb-item" href="#">Users</a>
        <span class="breadcrumb-item active">{{ $appuser->fullname }}</span>
      </nav>
      <!-- <button class="btn btn-success success">Toast</button> -->
    </div><!-- br-pageheader -->


    <div class="br-pagebody">
      <div class="br-section-wrapper">
        <!--
          <h6 class="tx-gray-800 tx-uppercase tx-bold tx-14 mg-b-10">Basic Responsive DataTable</h6>
          <p class="mg-b-25 mg-lg-b-50">Searching, ordering and paging goodness will be immediately added to the table, as shown in this example.</p>
-->

@if(Entrust::can('view_app_users'))
<div class="card">
                <div class="card-header">
                  <ul class="nav nav-tabs card-header-tabs">
                    <li class="nav-item">
                      <a class="nav-link active" href="#profile" data-toggle="tab">Profile</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="#vehicles" data-toggle="tab">Attached Vehicles</a>
                    </li>
                    <!-- <li class="nav-item">
                      <a class="nav-link" href="#toprated" data-toggle="tab">Top Rated</a>
                    </li> -->
                  </ul>
                </div><!-- card-header -->
                <div class="card-body color-gray-lighter">
                  <div class="tab-content">
                    <div class="tab-pane active" id="profile">
            <div class="col-xl-8">
              <div class="form-layout form-layout-4" style="border:none">
                <h6 class="tx-gray-800 tx-uppercase tx-bold tx-14 mg-b-10">Basic Informaation</h6>
                <div class="row">
                  <label class="col-sm-4 form-control-label">Firstname: </label>
                  <div class="col-sm-8 mg-t-10 mg-sm-t-0">
                    <input type="text" class="form-control" readonly value="{{ $appuser->first_name }}">
                  </div>
                </div><!-- row -->
                <div class="row mg-t-20">
                  <label class="col-sm-4 form-control-label">Lastname:</label>
                  <div class="col-sm-8 mg-t-10 mg-sm-t-0">
									<input type="text" class="form-control" readonly value="{{ $appuser->last_name }}">
                  </div>
                </div>
                <div class="row mg-t-20">
                  <label class="col-sm-4 form-control-label">Email:</label>
                  <div class="col-sm-8 mg-t-10 mg-sm-t-0">
									<input type="text" class="form-control" readonly value="{{ $appuser->email }}">
                  </div>
                </div>
                <div class="row mg-t-20">
                  <label class="col-sm-4 form-control-label">Mobile:</label>
                  <div class="col-sm-8 mg-t-10 mg-sm-t-0">
									<input type="text" class="form-control" readonly value="{{ $appuser->mobile }}">
                  </div>
                </div>
								<div class="row mg-t-20">
                  <label class="col-sm-4 form-control-label">Address2:</label>
                  <div class="col-sm-8 mg-t-10 mg-sm-t-0">
								
									<textarea  class="form-control" readonly>{{ $appuser->profile->address1 }}</textarea>
                  </div>
                </div>
								<div class="row mg-t-20">
                  <label class="col-sm-4 form-control-label">Address2:</label>
                  <div class="col-sm-8 mg-t-10 mg-sm-t-0">
								
									<textarea  class="form-control" readonly>{{ $appuser->profile->address2 }}</textarea>
                  </div>
                </div>
              <!-- form-layout-footer -->
              </div><!-- form-layout -->
            </div><!-- col-6 -->

                    </div><!-- tab-pane -->
                    <div class="tab-pane" id="vehicles">

									
                    <div class="row mg-t-30">
										@foreach($appuser->vehicles as $vehicle)
            <div class="col-md-6 mg-t-30 mg-md-t-0">
              <div class="card bd-0">
                <div class="card-header bg-info bd-0 d-flex align-items-center justify-content-between pd-y-5" style="    height: 5em;">
                  <h6 class="mg-b-0 tx-14 tx-white tx-normal" >Manufacture : <b>{{ $vehicle->ev_manufacture}}</b></h6>
                  
                </div><!-- card-header -->
                <div class="card-body bd bd-t-0 rounded-bottom-0">
								<div class="form-layout form-layout-4" style="border:none">
                <h6 class="tx-gray-800 tx-uppercase tx-bold tx-14 mg-b-10">Vehicle Informaation</h6>
                <div class="row">
                  <label class="col-sm-4 form-control-label">Model </label>
                  <div class="col-sm-8 mg-t-10 mg-sm-t-0">
                    <input type="text" class="form-control" readonly value="{{ $vehicle->model }}">
                  </div>
                </div><!-- row -->
                <div class="row mg-t-20">
                  <label class="col-sm-4 form-control-label">Model Variant:</label>
                  <div class="col-sm-8 mg-t-10 mg-sm-t-0">
									<input type="text" class="form-control" readonly value="{{ $vehicle->model_variant }}">
                  </div>
                </div>
                <div class="row mg-t-20">
                  <label class="col-sm-4 form-control-label">Manufacture Year:</label>
                  <div class="col-sm-8 mg-t-10 mg-sm-t-0">
									<input type="text" class="form-control" readonly value="{{ $vehicle->manufacture_year }}">
                  </div>
                </div>
                <div class="row mg-t-20">
                  <label class="col-sm-4 form-control-label">Registration No:</label>
                  <div class="col-sm-8 mg-t-10 mg-sm-t-0">
									<input type="text" class="form-control" readonly value="{{ $vehicle->registration_no }}">
                  </div>
                </div>
								<div class="row mg-t-20">
                  <label class="col-sm-4 form-control-label">OwnerShip:</label>
                  <div class="col-sm-8 mg-t-10 mg-sm-t-0">
									<input type="text" class="form-control" readonly value="{{ $vehicle->owner_ship }}">
                  </div>
                </div>
								
              <!-- form-layout-footer -->
              </div><!-- form-layout -->
                </div><!-- card-body -->
                <div class="card-footer bd bd-t-0 d-flex justify-content-between">
                 
                  <a href="#" class="btn btn-secondary pull-right">View</a>
                </div>
              </div><!-- card -->
            </div><!-- col-6 -->
				@endforeach
          </div><!-- row -->
                    </div><!-- tab-pane -->

                  </div><!-- tab-content -->
                </div><!-- card-body -->
              </div><!-- card -->
			@endif
        
				
				
				
			<div class="table-wrapper">
      </div><!-- table-wrapper -->


        

      </div><!-- br-section-wrapper -->
    </div><!-- br-pagebody -->
    
  
@endsection
 

@section('scripts')


@endsection