@extends('back.layouts.main')
@section('title', 'طرق الطبخ')
@section('content')


    <div class="card">
        <div class="card-header">
            <div class="btn-group float-md-right">
                <a href="{{ url('backend/cookings/create') }}" class='btn btn-info'><i class='fa fa-plus mr-1'></i>انشاء</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 style="width: 65px"></th>
                    </tr>
                    <form method='get' class='search'>
                        <tr>
                            <th><input type='text' name='id' value='{{ request('id') }}' class='form-control'></th>
                            <th><input type='text' name='name' value='{{ request('name') }}' class='form-control'></th>
                            <th><input type='text' name='name_en' value='{{ request('name_en') }}' 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->name }}</td>
                                <td>{{ $row->name_en }}</td>
                                <td>
                                    <a href="{{ url('backend/cookings/' . $row->id . '/edit') }}" title='Edit'>
                                        <i class="fa fa-lg fa-edit"></i>
                                    </a>
                                    <form method="POST" class='d-inline'
                                        action="{{ route('cookings.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">طرق الطبخ</li>
@stop