@extends('back.layouts.main')
@section('title',  $attribute )
@section('content')
    <div class="card">
        <div class="card-header">
            <div class="btn-group float-md-right">
                <a href="{{ url('backend/attribute_values/create') .'?attribute_id='.request('attribute_id') }}" class='btn btn-info'><i
                        class='fa fa-plus mr-1'></i>Create</a>
            </div>
        </div>
        <div class="card-content overflow-auto collapse show">
            <div class="card-body card-dashboard">

                <table class="table table-responsive-sm table-striped table-bordered data-table">
                    <tr>
                        <th style="min-width: 65px">#</th>
                        <th>الاسم</th>
                        <th>الاسم en</th>
                        <th>السعر</th>
                        <th>الصورة</th>
                        <th style="width: 65px">Actions</th>
                    </tr>
                    <form method='get' class='search'>
                        <tr>
                            <th>
                                <input type='text' name='id' value='{{ request('id') }}' class='form-control'>
                                <input type='hidden' name='attribute_id' value='{{ request('attribute_id') }}' 
                                    class='form-control'>
                            </th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th><input type='text' name='price' value='{{ request('price') }}' class='form-control'></th>
                            <th style="width: 65px">
                                <input type='submit' class='btn btn-primary filter' name='search' value='filter' />
                            </th>
                        </tr>
                    </form>
                    @if ($data->isNotEmpty())
                        @foreach ($data as $row)
                            <tr>
                                <td>{{ $row->id }}</td>
                                <td>{{ $row->value }}</td>
                                <td>{{ $row->value_en }}</td>
                                <td>{{ $row->price }}</td>
                                <td>
                                    @if(is_array($row->data) && isset($row->data['image']) )
                                        <img style='width:80px' src='{{ '../uploads/'.$row->data['image'] }}'/> 
                                    @endif
                                </td>
                                <td>
                                    <a href="{{ url('backend/attribute_values/' . $row->id . '/edit').'?attribute_id='.request('attribute_id') }}" title='Edit'>
                                        <i class="fa fa-lg fa-edit"></i>
                                    </a>
                                    <form method="POST" class='d-inline'
                                        action="{{ route('attribute_values.destroy', $row->id) }}"
                                        onsubmit="return confirm('Do you really want delete this?');">
                                        @method('DELETE')
                                        @csrf
                                        <button class='delete'>
                                            <i class="fas fa-lg fa-times"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td class='text-center' colspan='100'>No Data Available</td>
                        </tr>
                    @endif
                </table>

                <!-- /.box-body -->
                <div class="box-footer clearfix">
                    {{ $data->appends(request()->except('page'))->links() }}
                </div>
            </div>
        </div>
    </div>
@stop

@push('footer')
    <script>
        $('.data-table input , .data-table select ').change(function() {
            $('.filter').trigger('click');
        });
    </script>
@endpush

@section('breadcrumbs')
    <li class="breadcrumb-item active">{{$attribute}}</li>
@stop