@extends('Admin.layout.adminlayout')
@section('title', 'Update User')
@section('content')
 
<style>
  .slbtn {
    height: 31px;
    padding: 6px;
    background-color: #45aaf2;
    color: black;
    border-radius: 4px;
}
 
.main-body {
    padding: 15px;
}
.card {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
}

.gutters-sm {
    margin-right: -8px;
    margin-left: -8px;
}

.gutters-sm>.col, .gutters-sm>[class*=col-] {
    padding-right: 8px;
    padding-left: 8px;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}

.bg-gray-300 {
    background-color: #e2e8f0;
}
.h-100 {
    height: 100%!important;
}
.shadow-none {
    box-shadow: none!important;
}
</style>
<div class="app-content">
   <div class="side-app">
      <!-- PAGE-HEADER --> 
      <div class="page-header">
                    <div class="col-sm-6">
                        <h1>User Management</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ url('/admin/dashboard') }}">Home</a></li>
                            <li class="breadcrumb-item">User</li>
                            <li class="breadcrumb-item active">View User</li>
                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <!-- left column -->
                    <div class="col-md-12">
                        <!-- general form elements -->
                        <div class="card card-primary">
                            @if(Session::has('flash_message_error'))
                                <div class="alert alert-error alert-block">
                                    <button type="button" class="close" data-dismiss="alert">×</button>
                                    <strong>{!! session('flash_message_error') !!}</strong>
                                </div>
                            @endif
                            @if(Session::has('flash_message_success'))
                                <div class="alert alert-success alert-block">
                                    <button type="button" class="close" data-dismiss="alert">×</button>
                                    <strong>{!! session('flash_message_success') !!}</strong>
                                </div>
                            @endif
                            <div class="card-header">
                                <h3 class="card-title">View User</h3>
                            </div>
                            <!-- /.card-header -->
                            <!-- form start -->
                          <div class="container">
    <div class="main-body">
    
          <!-- Breadcrumb -->
         
          <!-- /Breadcrumb -->
    
          <div class="row gutters-sm">
            <div class="col-md-4 mb-3">
              <div class="card">
                <div class="card-body">
                  <div class="d-flex flex-column align-items-center text-center">
                    <img src="{{$details->photo}}" style="height: 114px;
    width: 118px;" alt="Admin"  width="150">
                    <div class="mt-3">
                      <h4>{{$details->frist_name}}&nbsp;{{$details->last_name}}</h4>

                      <p class="text-muted font-size-sm">Age &nbsp;:&nbsp;{{$details->age}}</p>
                      @if($details->status=='Active')
                      <p style="background-color: #24a524;padding: 2px;border-radius: 14px;color: #e9ebe7;font-weight: 600;">Active</p>
                      @else
                      <p style="background-color: burlywood;padding: 2px;border-radius: 14px;color: greenyellow;">Pending..<p>
                      @endif
                      
                      
                    </div>
                    <h4 style="font-size: 14px;">Registration Date : {{$details->created_at}}</h4>
                  </div>
                </div>
              </div>
              <div class="card mt-3">
                <ul class="list-group list-group-flush">
                  <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
                    <h6 class="mb-0">Handicaped</h6>
                    <span class="text-secondary">@if($details->is_handicaped==0)NO
                      @else
                      Yes
                      @endif
                    </span>
                  </li>
                  <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
                    <h6 class="mb-0">Any Issue</h6>
                    <span class="text-secondary">
                    @if($details->any_disablity==0)NO
                      @else
                      {{$details->desis_desc}}
                      @endif
                    </span>
                  </li>
                  <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
                    <h6 class="mb-0">Any Medicleme</h6>
                    <span class="text-secondary">
                    @if($details->has_mediclaim==0)NO
                      @else
                      YES
                      @endif
                    </span>
                  </li>
                  <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
                    <h6 class="mb-0">Family Status</h6>
                    <span class="text-secondary">
                     @if($details->maritual_status==0)Single
                      @else
                      With Family
                      @endif
                    </span>
                  </li>
                 
                </ul>
              </div>
            </div>
            <div class="col-md-8">
              <div class="card mb-3">
                <div class="card-body">
                  <div class="row">
                    <div class="col-sm-3">
                      <h6 class="mb-0">Full Name</h6>
                    </div>
                    <div class="col-sm-9 text-secondary">
                      {{$details->frist_name}}&nbsp;{{$details->last_name}}
                    </div>
                  </div>
                  <hr>
                  <div class="row">
                    <div class="col-sm-3">
                      <h6 class="mb-0">Phone Number</h6>
                    </div>
                    <div class="col-sm-9 text-secondary">
                      {{$details->mobile_number}}
                    </div>
                  </div>
                  <hr>
                  <div class="row">
                    <div class="col-sm-3">
                      <h6 class="mb-0">Blood Group</h6>
                    </div>
                    <div class="col-sm-9 text-secondary">
                      {{$details->blood_group}}
                    </div>
                  </div>
                  <hr>
                  <div class="row">
                    <div class="col-sm-3">
                      <h6 class="mb-0">City</h6>
                    </div>
                    <div class="col-sm-9 text-secondary">
                       {{$details->city}}
                    </div>
                  </div>
                  <hr>
                  <div class="row">
                    <div class="col-sm-3">
                      <h6 class="mb-0">Address</h6>
                    </div>
                    <div class="col-sm-9 text-secondary">
                     {{$details->house_no}}&nbsp;,&nbsp;{{$details->city}}&nbsp;,&nbsp;{{$details->pincode}}
                    </div>
                  </div>
                  <hr>
                  
                </div>
              </div>

              <div class="row gutters-sm">
                <div class="col-sm-6 mb-3">
                  <div class="card h-100">
                    <div class="card-body">
                      <h6 class="d-flex align-items-center mb-3" style="font-size: 21px;
    background-color: aquamarine;
    padding: 10px;">Police Station Details</h6>