@extends('layouts.dashboard.dashboard')
@push('css')
    <link href="{{asset('vendor/datatables/dataTables.bootstrap4.min.css')}}" rel="stylesheet">
@endpush
@push('js')
    <script src="{{asset('vendor/datatables/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('vendor/datatables/dataTables.bootstrap4.min.js')}}"></script>
    <script>
        $(document).ready(function() {
            $('#tabletattoo').DataTable({});
        });
    </script>
@endpush
@section('content')
    @component('card-component',['title'=>ucfirst(trans('main.tattoos'))])
        @component('components.data-table',['tableID'=>"tabletattoo"])
            @slot('thead')
                <tr>
                    <th> @lang('main.id')</th>
                    <th>@lang('main.name')</th>
                    <th>@lang('main.image')</th>
                    <th>@lang('main.description')</th>
                    <th>@lang('main.price')</th>
                    <th>@lang('main.currency')</th>
                    <th>@lang('main.type')</th>
                    <th>@lang('main.category')</th>
                    <th>@lang('main.edit')</th>
                    <th> @lang('main.delete')</th>
                </tr>
            @endslot
            @slot('tbody')
                @foreach ($tattoos as $tattoo)
                    <tr>
                        <td>{{$tattoo->id}}</td>
                        <td>{{$tattoo->name ?? 'deleted'}}</td>
                        <td><img width="50" height="50" src="{{$tattoo->imagePath}}" alt=""/></td>
                        <td>{{$tattoo->description ?? 'deleted'}}</td>
                        <td>{{$tattoo->price ?? 'deleted'}}</td>
                        <td>{{$tattoo->currency ?? 'deleted'}}</td>
                        <td>{{$tattoo->typeText ?? 'deleted'}}</td>
                        <td>{{$tattoo->category->name ?? 'deleted'}}</td>
                        <td><a href="{{route('dashboard.tattoo.edit',$tattoo)}}" class="btn btn-sm btn-warning">@lang('main.edit')</a></td>
                        <td>
                            <form name="tattooDelete{{$tattoo->id}}" action="{{route('dashboard.tattoo.destroy',$tattoo)}}" method="post">@csrf @method('DELETE')</form>
                            <button type="button" onclick="confirm(' @lang('main.tattoo_delete') ')?tattooDelete{{$tattoo->id}}.submit():''" class="btn btn-sm btn-danger">@lang('main.delete')</button>
                        </td>
                    </tr>
                @endforeach
            @endslot

        @endcomponent

    @endcomponent
@stop