@extends('layouts.app')

@section('content')

<div class="card">
    <div class="card-header">

        <h5  class="my-1 float-left">{{ isset($webpage->name) ? $webpage->name : 'เมนูย่อย' }}</h5>

        <div class="float-right">

            <form method="POST" action="{!! route('webpages.webpage.destroy', $webpage->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('webpages.webpage.index') }}" class="btn btn-primary" title="แสดง เมนูย่อย ทั้งหมด">
                        <i class="fas fa-fw fa-th-list" aria-hidden="true"></i>
                    </a>

                    <a href="{{ route('webpages.webpage.create') }}" class="btn btn-success" title="เพิ่ม เมนูย่อย ใหม่">
                        <i class="fas fa-fw fa-plus" aria-hidden="true"></i>
                    </a>
                    
                    <a href="{{ route('webpages.webpage.edit', $webpage->id ) }}" class="btn btn-primary" title="แก้ไขข้อมูล เมนูย่อย">
                        <i class="fas fa-fw fa-pencil-alt" aria-hidden="true"></i>
                    </a>

                    <button type="submit" class="btn btn-danger" title="ลบ Webpage ทิ้ง" onclick="return confirm(&quot;คลิก OK เพื่อยืนยันการลบ เมนูย่อย?&quot;)">
                        <i class="fas fa-fw fa-trash-alt" aria-hidden="true"></i>
                    </button>
                </div>
            </form>

        </div>

    </div>

    <div class="card-body">
         
            <div class="row">
				<div class="col-sm-2">เมนูหลัก</div>
				<div class="col-sm-4">{{ optional($webpage->pageType)->name }}</div>
			</div>
            <div class="row">
				<div class="col-sm-2">ชื่อเมนู</div>
				<div class="col-sm-4">{{ $webpage->name }}</div>
			</div>
          
            <div class="row">
				<div class="col-sm-2">ไอคอน</div>
				<div class="col-sm-4"><IMG src="{{ asset(  $webpage->icon) }}" style="width:100px;"></div>
			</div>
            <div class="row">
				<div class="col-sm-2">ภาพปก</div>
				<div class="col-sm-4"><IMG src="{{ asset(  $webpage->cover_image) }}" style="width:100px;"></div>
			</div>
            <div class="row">
				<div class="col-sm-2">ผู้เพิ่มข้อมูล</div>
				<div class="col-sm-4">{{ optional($webpage->user)->id }}</div>
			</div>
            <div class="row">
				<div class="col-sm-2">แสดงสาธารณะ</div>
				<div class="col-sm-4">{{ $webpage->is_public }}</div>
			</div>
            <div class="row">
				<div class="col-sm-2">วันที่เผยแพร่</div>
				<div class="col-sm-4">{{ $webpage->public_date }}</div>
			</div>
            <div class="row">
				<div class="col-sm-2">วันที่เพิ่มข้อมูล</div>
				<div class="col-sm-4">{{ $webpage->created_at }}</div>
			</div>
            <div class="row">
				<div class="col-sm-2">วันที่ปรับปรุงล่าสุด</div>
				<div class="col-sm-4">{{ $webpage->updated_at }}</div>
			</div>
  <div class="row">
				<div class="col-sm-12">รายละเอียด</div>
				<div class="col-sm-12">{!! $webpage->detail !!}</div>
			</div>
        

    </div>
</div>

@endsection