@extends('admin.layouts.master')
@section('title', 'Our Focus')
@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="breadcrumb-main">
            <h4 class="text-capitalize breadcrumb-title">Our Focus</h4>
        </div>
    </div>
    <div class="col-lg-12 mb-30">
        <div class="card">
            <div class="card-body">
                <div class="userDatatable adv-table-table global-shadow border-0 bg-white w-100 adv-table">
                    <div class="table-responsive">
                        <div class="adv-table-table__header">
                            <div id="filter-form-container"></div>
                            <div class="adv-table-table__button">
                            </div>
                        </div>
                        <table style="width: 100%;">
                            <thead>
                                <tr class="userDatatable-header">
                                    <th><span class="userDatatable-title">Actions</span></th>
                                    <th><span class="userDatatable-title">#</span></th>
                                    <th><span class="userDatatable-title">Title</span></th>
                                    <th><span class="userDatatable-title">Image</span></th>
                                </tr>
                            </thead>
                            <tbody>
                                @if ($ourfocus)
                                @foreach ($ourfocus as $key => $row)
                                    <tr>
                                        <td class="text-center">
                                            <div class="userDatatable-content mb-0 d-flex flex-wrap">
                                                <ul class="orderDatatable_actions mb-0 d-flex flex-wrap">
                                                    <li>
                                                        <a href="{{route('admin.ourfocus.edit', $row)}}"
                                                            class="edit">
                                                            <span data-feather="edit"></span></a>

                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                        <td><div class="userDatatable-content">{{ $loop->iteration }}</div></td>
                                        <td style="width: 20%"><div class="userDatatable-content"></div></td>
                                        <td><img src="{{ $row->image ? asset($row->image) : asset('assets/images/1.png') }}" alt="" class="w-px-60 h-auto mb-3" width="100px"></td>
                                    </tr>
                                
                                @endforeach
                                    @else
                                    <tr>
                                        <td>No Data</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>

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

@push('scripts')
<script>
   /* $('.custom-control-input').change(function(event) {
        event.preventDefault();
        var name = $(this).attr('name');
        var mode = $(this).prop('checked');
        if (mode) {
            var status = 1;
        } else {
            var status = 0;
        }
        var id = $(this).val();

        if(name =='is_active'){
            $.ajax({
            url: "{{-- route('admin.category.changestatus') --}}",
            type: "get",
            data: {
                _token: '{{ csrf_token() }}',
                status: status,
                id: id,
                name: name,
            },
            success: function(response) {
                if (response == 1) {
                    vt.success('{{ __('site.category_section.deactive')}}', {
                        position: 'bottom-center',
                        stayTime: 1500
                    });
                }else if(response ==2 ){
                    vt.success('{{ __('site.category_section.active')}}', {
                        position: 'bottom-center',
                        stayTime: 1500
                    });
                }
                else {
                    vt.error('{{ __('site.Something went wrong') }}', {
                        position: 'bottom-center',
                        stayTime: 1500
                    });
                }
            }
        });
        }

    });*/
</script>



@endpush