@extends('admin.layout.master')
@section('title', 'Cost Center List')
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <h4>{{__('obs.cost_center')}}</h4>
        </div>
        <div class="card-body">
            <div class="col-md-12">
                <button type="button" onclick="reset()" class="btn btn-success btn-sm" data-toggle="modal"
                    data-target="#CostCenter" data-bs-toggle="modal"
                    data-bs-target="#CostCenter">
                    {{__('obs.add')}} {{__('obs.cost_center')}}
                </button>
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">{{__('obs.name')}}</th>
                            <th scope="col">{{__('obs.name')}} {{__('obs.local')}}</th>
                            <th scope="col">{{__('obs.status')}}</th>
                            <th>{{__('obs.action')}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if (!empty($data))
                            @php($i = 1)
                                @foreach ($data->chunk(20) as $row)
                                    @foreach ($row as $item)
                                        <tr>
                                            <td>{{ $i++ }}</td>
                                            <td>{{ $item->name }}</td>
                                            <td>{{ $item->name_local }}</td>
                                            @if ($item->status == 1)
                                                <td><span style="color: green">{{__('obs.active')}}<span></td>
                                            @elseif($item->status ==0)
                                                <td><span style="color: red">{{__('obs.inactive')}}<span></td>
                                            @endif
                                            <td>
                                                @if(checkAuthPermission('costcenter.edit'))
                                                    <button type="button" onclick="EditCostCenter({{ $item->id }})"
                                                        class="btn btn-danger btn-sm" data-toggle="modal" data-target="#CostCenter" data-bs-toggle="modal" data-bs-target="#CostCenter">
                                                        {{__('obs.edit')}}
                                                    </button>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        @include('admin.modals.add_costcenter')
        <script type="text/javascript" src="{{ asset('/') }}admin/custom/api.js"></script>
        <script type="text/javascript" src="{{ asset('/') }}inventory/custom/costcenter.js"></script>
        <script>
            $(document).ready(function() {
                $('.custom').select2();
            });

        </script>
    @endsection