@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/customer/type/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 style="padding: calc(0.75rem + 1px) calc(1.5rem + 1px);font-size: 14px!important;">کد مشتری: <strong>{{ str_pad($customer->id, 5, "0", STR_PAD_LEFT) }}#</strong></div>

        </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 " name="name" value="{{ $customer->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="company" value="{{ $customer->company }}"/>
                </div>
                <div class="col col-md-4">
                    <label class="fs-6 fw-bold mb-2">کد ملی / کد اقتصادی</label>
                    <input class="form-control form-control-solid" name="codeMeli" value="{{ $customer->codeMeli }}"/>
                </div>

            </div>
            <div class="row mb-7">
                <div class="col col-md-4">
                    <label class=" fs-6 fw-bold mb-2">شماره همراه</label>
                    <input class="form-control form-control-solid" name="number" value="{{ $customer->number }}"/>
                </div>
                <div class="col col-md-4">
                    <label class="fs-6 fw-bold mb-2">شماره ثابت</label>
                    <input class="form-control form-control-solid" name="phone" value="{{ $customer->phone }}"/>
                </div>
                <div class="col col-md-4">
                    <label class="fs-6 fw-bold mb-2">نوع مشتری</label>
                    <select name="type" class="form-select form-select-solid">
                        @foreach($customerTypes as $ct)
                        <option value="{{ $ct->id }}" {{ $customer->type == $ct->id ? "selected" : "" }}>{{ $ct->name }}</option>
                        @endforeach
                    </select>
                </div>

            </div>

            <div class="d-flex flex-column mb-7 fv-row">
                <label class="fs-6 fw-bold mb-2">آدرس</label>
                <input class="form-control form-control-solid" placeholder="" name="address"  value="{{ $customer->address }}"/>
            </div>
            <div style="float: left">
                <a href="/panel/customer/find/" 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