@extends('layouts.app')

@section('content')
<div class="card">
  <div class="card-header bg-primary text-white">
    <h5  class="my-1 float-left">ประเภท Link {{ isset($linkType->name) ? $linkType->name : 'Link Type' }}</h5>
    <div class="float-right">
      <form method="POST" action="{!! route('link_types.link_type.destroy', $linkType->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('link_types.link_type.index') }}" class="btn btn-primary" title="แสดง Link Type ทั้งหมด">
          <i class=" fas fa-fw fa-th-list" aria-hidden="true"></i>
          </a>
          <a href="{{ route('link_types.link_type.create') }}" class="btn btn-success" title="เพิ่ม Link Type">
          <i class=" fas fa-fw fa-plus" aria-hidden="true"></i>
          </a>
          <a href="{{ route('link_types.link_type.edit', $linkType->id ) }}" class="btn btn-primary" title="แก้ไข Link Type">
          <i class=" fas fa-fw fa-pencil-alt" aria-hidden="true"></i>
          </a>
          <button type="submit" class="btn btn-danger" title="ลบ Link Type" onclick="return confirm(&quot;คลิก ตกลง เพื่อลบ Link Type.?&quot;)">
          <i class=" fas fa-fw fa-trash-alt" aria-hidden="true"></i>
          </button>
        </div>
      </form>
    </div>
  </div>
  <div class="card-body">
    <div class="table-responsive">
      <table class="table table-striped table-sm">
        <thead>
          <tr>
            <th>#</th>
            <th>หัวข้อ Link</th>
            <th>Url</th>
            <th>ประเภท Link</th>
        <!--    <th>Icon</th>-->
            <td align="right"><a href="{{ route('links.link.create') }}?link_types_id={{$linkType->id }}" class="btn btn-success btn-sm" title="เพิ่ม Link">
              <i class="fas fa-fw  fa-plus" aria-hidden="true"></i>
              </a></td>
          </tr>
        </thead>
        <tbody>
                  @foreach($links as $link)
        <tr>
          <td>{{ ++$r }}</td>
          <td>{{ $link->name }}</td>
          <td> {{  mb_strimwidth( $link->url ,0,100,"...")  }} </td>
          <td>{{ optional($link->linkType)->name }}</td>
<!--          <td><img src="{{ asset($link->icon) }}" style="width:150px"></td>-->
          <td><form method="POST" action="{!! route('links.link.destroy', $link->id) !!}" accept-charset="UTF-8">
              <input name="_method" value="DELETE" type="hidden">
              {{ csrf_field() }}
              <div class="btn-group btn-group-sm float-right" role="group">
                <a href="{{ route('links.link.show', $link->id ) }}" class="btn btn-info" title="แสดง Link">
                <i class=" fas fa-fw fa-eye" aria-hidden="true"></i>
                </a>
                <a href="{{ route('links.link.edit', $link->id ) }}" class="btn btn-primary" title="แก้ไข Link">
                <i class=" fas fa-fw fa-pencil-alt" aria-hidden="true"></i>
                </a>
                <button type="submit" class="btn btn-danger" title="ลบ Link" onclick="return confirm(&quot;คลิก ตกลง เพื่อลบ Link.&quot;)">
                <i class=" fas fa-fw fa-trash-alt" aria-hidden="true"></i>
                </button>
              </div>
            </form></td>
        </tr>
        @endforeach
          </tbody>
        
      </table>
    </div>
  </div>
  <div class="card-footer"> {!! $links->render() !!} </div>
</div>
@endsection