@extends('admin.layout.master')
@section('title', 'Step Settings List')
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <h4>Step Settings Info</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-12">
                    <div class="row mt-3 mb-3">
                        <div class="col-md-6">
                            <h5 class="text-bold card-title"></h5>
                        </div>
                        <div class="col-md-6 text-right">
                            <!-- Button trigger modal -->
                            <button onclick="reset()" type="button" class="btn btn-success btn-sm" data-toggle="modal"
                                data-target="#exampleModalCenter">
                                Add Step Settings
                            </button>
                        </div>

                        <div class="col-md-12">
                            <table class="table table-hover table-bordered">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Name</th>
                                        {{-- <th>Sorting</th> --}}
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php($i = 1)
                                        @foreach ($stepSettings->chunk(10) as $row)
                                            @foreach ($row as $stepSetting)
                                                <tr>
                                                    <td>{{ $i++ }}</td>
                                                    <td>{{ $stepSetting->name }}</td>
                                                    {{-- <td>{{ $stepSetting->sorting }}</td> --}}
                                                    <td>
                                                        @if ($stepSetting->status == 1)
                                                            <p style="color: green">Active</p>
                                                        @elseif($stepSetting->status ==2)
                                                            <p style="color: red">Inactive</p>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if(checkAuthPermission('stepsettings.edit'))
                                                            <button type="button" onclick="editstepSettinng({{ $stepSetting->id }})"
                                                                class="btn btn-danger btn-sm" data-toggle="modal"
                                                                data-target="#exampleModalCenter">
                                                                Edit
                                                            </button>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endforeach

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
        @include('admin.modals.store_step_settings')
        <script src="{{ asset('/') }}inventory/custom/stepsettings.js"></script>
        <script>
            $(document).ready(function() {
                $('.custom').select2();
            });

        </script>
    @endsection