@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/list" 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">
                    <form action="" method="post">


                        @if(!empty($errors->all()))
                            <div class="alert alert-dismissible bg-danger d-flex flex-column flex-sm-row p-5 mb-10">
                                <!--begin::Icon-->
                                <span class="svg-icon svg-icon-2hx svg-icon-light me-4 mb-5 mb-sm-0">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                            <path opacity="0.3" d="M2 4V16C2 16.6 2.4 17 3 17H13L16.6 20.6C17.1 21.1 18 20.8 18 20V17H21C21.6 17 22 16.6 22 16V4C22 3.4 21.6 3 21 3H3C2.4 3 2 3.4 2 4Z" fill="black"></path>
                                            <path d="M18 9H6C5.4 9 5 8.6 5 8C5 7.4 5.4 7 6 7H18C18.6 7 19 7.4 19 8C19 8.6 18.6 9 18 9ZM16 12C16 11.4 15.6 11 15 11H6C5.4 11 5 11.4 5 12C5 12.6 5.4 13 6 13H15C15.6 13 16 12.6 16 12Z" fill="black"></path>
                                        </svg></span>

                                <div class="d-flex flex-column text-light pe-0 pe-sm-10">
                                    <!--begin::Title-->
                                    <h4 class="mb-2 light">اطلاعات وارد شده اشتباه میباشد:</h4>
                                    <ul class="mt-4">
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                                <!--end::Wrapper-->

                                <!--begin::Close-->
                                <button type="button" class="position-absolute position-sm-relative m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto" data-bs-dismiss="alert">
                <span class="svg-icon svg-icon-2x svg-icon-light"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                                <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="black"></rect>
                                                <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="black"></rect>
                                            </svg>.</span>
                                </button>
                                <!--end::Close-->
                            </div>
                        @endif



                        @csrf

                        <div>
                            <div class="row mb-7">
                                <div class="col col-md-4">
                                    <label class="required fs-6 fw-bold mb-2">کد</label>
                                    <input class="form-control form-control-solid" required name="id" value="{{ $service->id }}" readonly/>
                                </div>
                                <div class="col col-md-4">
                                    <label class=" required fs-6 fw-bold mb-2">نام</label>
                                    <input class="form-control form-control-solid" required name="name" value="{{ $service->name }}"/>
                                </div>
                                <div class="col col-md-4">
                                    <label class="fs-6 fw-bold mb-2">هزینه</label>
                                    <input class="form-control form-control-solid" name="price" value="{{ $service->price }}"/>
                                </div>

                            </div>
                            <div style="float: left">
                                <a href="/panel/services/list/" class="btn btn-white me-3">لغو
                                </a>
                                <button type="submit" id="kt_modal_add_customer_submit" class="btn btn-primary">
                                    <span class="indicator-label">آپدیت</span>
                                    <span class="indicator-progress">لطفا صبر کنید...
                        <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                    </span>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>

            </div>

        </div>
    </div>
@endsection