@extends('director.dashboard')

@section('title','Doctor Categories')

@section('content')
	<div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="table-responsive">
                                <table class="table table-bordered table-centered mb-0">
                                    <thead class="thead-light">
                                        <tr>
                                            <th>#</th>
                                            <th>Icon</th>
                                            <th>Title</th>
                                            <th>In Bangali</th>
                                            <th>Description</th>
                                            <th class="text-right">Modify</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($docTypes as $key=>$type)
                                        <tr>
                                            <td> {{$key+1}}</td>
                                            <td>
                                                <img src="{{asset('storage/'.$type->icon) }}" class="thumb-sm mb-2 rounded-circle">
                                            </td>
                                            <td>{{$type->title}}</td>
                                            <td>{{$type->title_bn}}</td>
                                            <td>{{$type->description}}</td>
                                            <td class="text-right">
                                                <a href="javascript:void(0);" class="action-icon"> <i class="zmdi zmdi-edit"></i></a> &nbsp; 
                                                <a href="javascript:void(0);" class="action-icon"> <i class="zmdi zmdi-delete"></i></a>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div> 
                </div>
            </div> 
        </div> 
    </div> 
@endsection