@extends('layouts.master')
@section('content')
<style>
   .custom-radio {
   width: 100%;
   display: flex;
   align-items: center;
   margin-bottom: 20px;
   }
   .custom-radio label {
   margin: 0 30px 0 0;
   }
   .details-box {
   width: 100%;
   margin-bottom: 15px;
   border: 1px solid #ddd;
   border-radius: 5px;
   padding: 15px;
   }
   .details-box .row {
   border-bottom: 1px solid rgba(255,255,255,0.1);
   margin-bottom: 10px;
   }
   .details-box h3 {
   font-size: 16px;
   background-color: #79b363;
   padding: 5px 15px;
   margin: -15px -15px 0;
   color: #fff;
   }
</style>
<section class="content home">
   <div class="block-header">
      <div class="row">
         <div class="col-lg-5 col-md-5 col-sm-12">
            <h2>View DPR
               <small>Welcome to WBI</small>
            </h2>
         </div>
         <div class="col-lg-7 col-md-7 col-sm-12 text-right">
            <ul class="breadcrumb float-md-right">
               <li class="breadcrumb-item"><a href="index.html"><i class="zmdi zmdi-home"></i>WBI</a></li>
               <li class="breadcrumb-item active">View DPR</li>
            </ul>
         </div>
      </div>
   </div>
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="card">
               <div class="header">
                  <h2>
                  <strong>View </strong> DPR 
               </div>
               <div class="body">
                  <div class="row clearfix">
                     <div class="col-md-12 col-lg-12">
                        <div class="details-box view-box">
                           <h3>DPR Details</h3>
                           <div class="pt-2">
                              <div class="row mb-0">
                                 <div class="col-md-6">
                                    <div class="fvb-content">
                                       <p>Division : <b>{{ $dpr_report->division->name }}</b></p>
                                    </div>
                                 </div>
                              	<div class="col-md-6">
                                    <div class="fvb-content">
                                       <p>Application Type : <b>{{ $dpr_report->application_type_detail->application_type }}</b></p>
                                    </div>
                                 </div>
                              </div>
                              <hr>
                              <div class="fvb-content">
                                 <p>Industry Type : <b>{{ $dpr_report->industry_type_detail->name  }}</b></p>
                              </div>
                              <hr>
                              <div class="fvb-content">
                                 <p>DPR Document :</p>
                                 <iframe src="/storage/{{ $dpr_report->upload_filename }}" width="100%" height="450px"></iframe>
                              </div>   
                              <hr>
                              <div class="fvb-content">
                                 <p>Status : 
                                    <b>
                                                                           </b>
                                 </p> 
                              </div>
                              <hr>
                              <div class="fvb-content">
                                 <p>Remarks :
                                    <b>
                                                                           </b>
                                 </p> 
                              </div>
                              <hr>
                              <div class="fvb-content">
                                 <p>Final Remarks :
                                    <b>
                                                                           </b>
                                 </p> 
                              </div>
                           </div>
                        </div>

                        <div>
                          <a href="/dpr-report"><button type="button" class="btn btn-primary btn-sm btn-round" style="float: right;">Back</button></a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="row">
         <div class="col-lg-12">@include('layouts.footer')</div>
      </div>
   </div>
</section>
@endsection