@extends('panel.layouts.main')
@section('content')
<div class="post d-flex flex-column-fluid" id="kt_post">
    <div id="kt_content_container" class="container">
        <div class="card">
            <div class="card-header border-0 pt-6">

                <div class="card-toolbar">
                    <div class="d-flex justify-content-end" data-kt-customer-table-toolbar="base">
                        <a href="/panel/services/add" class="btn btn-light-primary me-3 mb-10">
                <span class="svg-icon svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg"
                                                       xmlns:xlink="http://www.w3.org/1999/xlink"
                                                       width="24px" height="24px" viewBox="0 0 24 24"
                                                       version="1.1"><rect fill="#000000" x="4" y="11"
                                                                           width="16" height="2"
                                                                           rx="1"></rect><rect
                            fill="#000000" opacity="0.5"
                            transform="translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000)"
                            x="4" y="11" width="16" height="2" rx="1"></rect></svg></span>
                            هزینه جدید
                        </a>

                    </div>
                    <div class="d-flex justify-content-end align-items-center d-none"
                         data-kt-customer-table-toolbar="selected">
                        <div class="fw-bolder me-5">
                            <span class="me-2" data-kt-customer-table-select="selected_count"></span>انتخاب شده
                        </div>
                        <button type="button" class="btn btn-outline-danger"
                                data-kt-customer-table-select="delete_selected">حذف انتخاب شده
                        </button>
                    </div>
                </div>
            </div>

            <div class="card-body pt-0">
                <div class="table-responsive">
                    <table class="table table-striped gy-7 gs-7">
                        <thead>
                        <tr class="fw-bold fs-6 text-gray-800 border-bottom-2 border-gray-200">
                            <th>کد هزینه</th>
                            <th>نام هزینه</th>
                            <th>هزینه</th>

                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($services as $srv)
                        <tr>
                            <td>#{{ $srv->id }}</td>
                            <td>{{ $srv->name }}</td>
                            <td>{{ $srv->price ==  0 ? "قیمت ندارد"  : number_format($srv->price) .  " ریال "  }} </td>

                            <td style="direction: ltr">
                                <a href="/panel/services/delete/{{$srv->id}}" class="btn btn-icon btn-outline-danger"><i class="las la-trash fs-2"></i></a>

                                <a href="/panel/services/edit/{{$srv->id}}" class="btn btn-icon btn-primary"><i class="las la-pencil-alt fs-2"></i></a>
                            </td>
                        </tr>
                        @endforeach
                        </tbody>
                    </table>

                </div>


            </div>

        </div>

    </div>
</div>
@endsection