{{-- Extends layout --}}
@extends('admin.layouts.app')

{{-- Content --}}
@section('content')

<div class="card card-custom">
    <div class="card-header">
        <h3 class="card-title">
            {{ __('Determinations') }}
        </h3>
    </div>
    <div class="card-body">
        <!--begin: Datatable-->
        <table class="table">
            <thead>
                <tr>
                    <th scope="col">{{ __('Photo') }}</th>
                    <th scope="col">{{ __('Title') }}</th>
                    <th scope="col">{{ __('User') }}</th>
                    <th scope="col">{{ __('Specie') }}</th>
                    <th scope="col">{{ __('Category') }}</th>
                    <th scope="col">{{ __('Status') }}</th>
                    <th scope="col">{{ __('Actions') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach($list as $record)
                <tr>
                    <td><img class="w-25" src="{!! image_url($record->main_photo) !!}"></td>
                    <td>{{ $record->title }}</td>
                    <td>{{ $record->user->name }}</td>
                    <td>{{ !empty($record->specie->title)?$record->specie->title:'-' }}</td>
                    <td>{{ $record->category->title }}</td>
                    <td>{{ $record->status->title }}</td>
                    <td nowrap>
                        <div class="btn-group" role="group">
                            <button id="btnGroupDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                {{__('Actions')}}
                            </button>
                            <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                <a class="dropdown-item" href="{{ route('determination.edit',['determination'=>$record->id]) }}" class="btn btn-danger">{{ __('Update') }}</a>
                                <a class="dropdown-item" target="_blank" href="{{ $record->link }}" class="btn btn-danger">{{ __('Details') }}</a>
                                <a onClick="$('#delete_{{$record->id}}').submit();"  class="dropdown-item" href="javascript:void;" class="btn btn-danger">{{ __('Delete') }}</a>

                                <form action="{{ route('determination.destroy',['determination'=>$record->id]) }}" method="POST" id="delete_{{$record->id}}" onSubmit="return confirm('Are you sure to delete item?')">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            </div>
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>

    </div>
</div>

<!--end: Datatable-->
<div class="container mt-5">
    {{ $list->links() }}
</div>

@endsection

{{-- Styles Section --}}
@section('styles')

@endsection

{{-- Scripts Section --}}
@section('scripts')

@endsection