@extends('layouts.app')

@section('content')

<div class="card"> <div class="card-header bg-success text-white">
	
        <h5  class="my-1 float-left">{{ isset($flora->name) ? $flora->thai_name : 'Flora' }}
		<div class="float-right">
            <form method="POST" action="{!! route('floras.flora.destroy', $flora->id) !!}" accept-charset="UTF-8">
            <input name="_method" value="DELETE" type="hidden">
            {{ csrf_field() }}
                <div class="btn-group btn-group-sm" role="group">
                    <a href="{{ route('floras.flora.index') }}" class="btn btn-primary" title="แสดง Flora ทั้งหมด">
                        <i class="fas fa-fw fa-th-list" aria-hidden="true"></i>
                    </a>
                    <a href="{{ route('floras.flora.create') }}" class="btn btn-success" title="เพิ่ม Flora ใหม่">
                        <i class="fas fa-fw fa-plus" aria-hidden="true"></i>
                    </a>                    
                    <a href="{{ route('floras.flora.edit', $flora->id ) }}" class="btn btn-primary" title="แก้ไขข้อมูล Flora">
                        <i class="fas fa-fw fa-pencil-alt" aria-hidden="true"></i>
                    </a>
                    <button type="submit" class="btn btn-danger" title="ลบ Flora ทิ้ง" onclick="return confirm(&quot;คลิก OK เพื่อยืนยันการลบ Flora?&quot;)">
                        <i class="fas fa-fw fa-trash-alt" aria-hidden="true"></i>
                    </button>
                </div>
            </form>
        </div>
		</h5>
        
    </div>

    <div class="card-body">
         
            <div class="row">
				<div class="col-sm-4 right">ชื่อวิทยาศาสตร์</div>
				<div class="col-sm-8">: <em>{{ $flora->name }} </em>{{ $flora->finder }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">วงศ์</div>
				<div class="col-sm-8">: {{ $flora->family }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">อาณาจักร</div>
				<div class="col-sm-8">: {{ $flora->kingdom }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">ชื่อพื้นเมือง</div>
				<div class="col-sm-8">: {{ $flora->local_name }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">ชื่อทางการค้า</div>
				<div class="col-sm-8">: {{ $flora->comercial_name }}</div>
			</div>
            
            
               <div class="row">
				<div class="col-sm-4 right">QR Code</div>
				<div class="col-sm-8" style="padding:2rem"> 
 
                <img src="{{asset($flora->image_qr)}}?v={{$version}}" width="150px">
                </div>
			</div>
            
            
               <div class="row">
				<div class="col-sm-4 right">ป้ายชื่อ</div>
				<div class="col-sm-8" style="padding:2rem"> 
 
              <img src="{{asset($flora->poster)}}" width="100%">
                </div>
			</div>
        
        
            
            
            
            <div class="row">
	 
				<div class="col-sm-12"> {!! $flora->detail !!}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">ผู้เพิ่มข้อมูล</div>
				<div class="col-sm-8">: {{ optional($flora->user)->name }}</div>
			</div>
         
            <div class="row">
				<div class="col-sm-4 right">วันที่เพิ่มข้อมูล</div>
				<div class="col-sm-8">: {{ $flora->created_at }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">ปรับปรุงข้อมูลเมื่อ</div>
				<div class="col-sm-8">: {{ $flora->updated_at }}</div>
			</div>
        

    </div>
</div>

@endsection