@extends('layouts.app')
@section('title', \App\CPU\translate('Employee Edit'))
@push('css_or_js')
    <link href="{{ asset('public/assets/back-end') }}/css/select2.min.css" rel="stylesheet" />
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <style>
        .form-group {
            margin-bottom: 20px;
            padding-right: 20px;
        }
    </style>
@endpush

@section('content')
    <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <div id="kt_app_toolbar_container" class="app-container container-xxxl d-flex flex-stack">
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">Vendor
                    </h1>
                    <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                        <li class="breadcrumb-item text-muted">
                            <a href="" class="text-muted text-hover-primary">Dashboard</a>
                        </li>
                        <li class="breadcrumb-item">
                            <span class="bullet bg-gray-400 w-5px h-2px"></span>
                        </li>
                        <li class="breadcrumb-item text-muted">{{ \App\CPU\translate('Vendor Update') }}</li>
                        <li class="breadcrumb-item">
                            <span class="bullet bg-gray-400 w-5px h-2px"></span>
                        </li>
                        <li class="breadcrumb-item text-muted">{{ $e->name }}</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="app-container container-xxxl d-flex flex-stack">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('admin.employee.update', [$e['id']]) }}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-6 form-group">
                                        <label for="name" class="title-color">{{ \App\CPU\translate('NAME') }}</label>
                                        <input type="text" name="name" value="{{ $e['name'] }}"
                                            class="form-control" id="name"
                                            placeholder="{{ \App\CPU\translate('NAME') }}">
                                    </div>

                                    <div class="col-md-6 form-group">
                                        <label for="admin_role_id"
                                            class="title-color">{{ \App\CPU\translate('ROLE') }}</label>
                                        <select class="form-control" name="admin_role_id">
                                            <option value="0" @if (!$e->role) selected @endif
                                                disabled>---Select---</option>
                                            @foreach ($rls as $r)
                                                <option value="{{ $r->id }}"
                                                    @if ($e->admin_role_id == $r->id) selected @endif> {{ $r->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="phone" class="title-color">{{ \App\CPU\translate('PHONE') }}</label>
                                        <input type="text" name="phone" value="{{ $e['phone'] }}"
                                            class="form-control" id="phone"
                                            placeholder="{{ \App\CPU\translate('PHONE') }}">
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="email" class="title-color">{{ \App\CPU\translate('EMAIL') }}</label>
                                        <input type="text" name="email" value="{{ $e['email'] }}"
                                            class="form-control" id="email"
                                            placeholder="{{ \App\CPU\translate('NAME') }}">
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="status"
                                            class="title-color">{{ \App\CPU\translate('status') }}</label>
                                        <div class="form-check form-check-solid form-switch form-check-custom fv-row">
                                            <input class="form-check-input w-45px h-30px" name="status" type="checkbox"
                                                id="allowmarketing" @if ($e->status == 1) checked @endif />
                                        </div>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="name"
                                            class="title-color">{{ \App\CPU\translate('Onhand Customers') }}</label>
                                        <select aria-label="Select an Onhand Customer" id="onhand_customer" name="onhand_customer"
                                            data-control="select2" data-placeholder="Onhand Customer"
                                            class="form-select form-select-sm form-select-solid">
                                            <option value="0" selected disabled>
                                                {{ \App\CPU\translate('select') }}
                                            </option>
                                            @foreach ($OnhandCustomers as $customer)
                                                <option value="{{ $customer }}"
                                                    {{ $e->onhand_customer == $customer ? 'selected' : '' }}>{{ $customer }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label for="status"
                                            class="title-color">{{ \App\CPU\translate('View Others') }}</label>
                                        <div class="form-check form-check-solid form-switch form-check-custom fv-row">
                                            <input class="form-check-input w-45px h-30px" name="view_others" type="checkbox"
                                                id="allowmarketing" @if ($e->view_others == 1) checked @endif />
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="card mt-3">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="card-header">
                                            <div class="card-title">
                                                <h2>Vendors</h2>
                                            </div>
                                        </div>
                                        <div class="card-body pt-0">
                                            <div class="" data-kt-ecommerce-catalog-add-product="auto-options">
                                                <div id="kt_ecommerce_add_product_options">
                                                    <div class="form-group">
                                                        <div data-repeater-list="vendors" class="d-flex flex-column gap-3">
                                                            @forelse ($e->vendor_details as $vendor_index => $vendor)
                                                                <div data-repeater-item="vendor"
                                                                    class="row d-flex flex-wrap align-items-center gap-5">
                                                                    <input type="hidden" name="id"
                                                                        value="{{ $vendor->id ?? null }}">
                                                                        <div class="col-md-3 form-group">
                                                                        <label
                                                                            class=" fs-6 fw-semibold mb-2 RequiredLable">Vendor
                                                                            Name</label>
                                                                        <input type="text"
                                                                            class="form-control mw-100 w-200px"
                                                                            value="{{ $vendor->VENDOR_NAME }}"
                                                                            name="vendor_name"
                                                                            placeholder="Vendor Name" />
                                                                    </div>
                                                                    <!--begin::Input-->
                                                                    <div class="col-md-3 form-group">
                                                                        <label
                                                                            class="required fs-6 fw-semibold mb-2 RequiredLable">Vendor
                                                                            No</label>
                                                                        <input type="text"
                                                                            class="form-control mw-100 w-200px"
                                                                            value="{{ $vendor->VENDOR_NO }}"
                                                                            name="vendor_no" placeholder="Vendor No" />
                                                                        <!--end::Input-->
                                                                    </div>
                                                                    <!--begin::Input-->
                                                                    <div class="col-md-3 form-group">
                                                                        <label
                                                                            class=" fs-6 fw-semibold mb-2 RequiredLable">Vendor
                                                                            Business</label>
                                                                        <input type="text"
                                                                            class="form-control mw-100 w-200px"
                                                                            value="{{ $vendor->BUSINESS }}"
                                                                            name="vendor_business"
                                                                            placeholder="Vendor Business" />
                                                                    </div>
                                                                    <div class="col-md-3 form-group">
                                                                        <label
                                                                            class=" fs-6 fw-semibold mb-2 RequiredLable">Operating
                                                                            Unit</label>
                                                                        <select aria-label="Select an organzation"
                                                                            id="org_id" name="vendor_org_id" required
                                                                            data-control="select2"
                                                                            data-placeholder="organzation"
                                                                            class="form-select form-select-sm form-select-solid ">
                                                                            <option value="0" selected disabled>
                                                                                Organzations</option>
                                                                            @foreach ($orgs as $org)
                                                                                <option value="{{ $org->org_id }}"
                                                                                    @if ($vendor->ORG_ID == $org->org_id) selected @endif>
                                                                                    {{ $org->name }}
                                                                                </option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>

                                                                    <!--end::Input-->
                                                                    <div class="col-md-3 form-group">
                                                                        <label
                                                                            class=" fs-6 fw-semibold mb-2 RequiredLable">Vendor
                                                                            Site</label>
                                                                        <!--begin::Input-->
                                                                        <input type="text"
                                                                            class="form-control mw-100 w-200px"
                                                                            value="{{ $vendor->VENDOR_SITE }}"
                                                                            name="vendor_site"
                                                                            placeholder="Vendor Site" />
                                                                        <!--end::Input-->
                                                                    </div>
                                                                    <div class="col-md-3 form-group">
                                                                        <label
                                                                            class=" fs-6 fw-semibold mb-2 RequiredLable">Vendor
                                                                            Site Name</label>
                                                                        <!--begin::Input-->
                                                                        <input type="text"
                                                                            class="form-control mw-100 w-200px"
                                                                            name="vendor_site_name"
                                                                            value="{{ $vendor->VENDOR_SITE_NAME }}"
                                                                            placeholder="Vendor Site Name" />
                                                                        <!--end::Input-->
                                                                    </div>
                                                                    <button type="button" data-repeater-delete=""
                                                                        class="btn btn-sm btn-icon btn-light-danger">
                                                                        <!--begin::Svg Icon | path: icons/duotune/arrows/arr088.svg-->
                                                                        <span class="svg-icon svg-icon-1">
                                                                            <svg width="24" height="24"
                                                                                viewBox="0 0 24 24" fill="none"
                                                                                xmlns="http://www.w3.org/2000/svg">
                                                                                <rect opacity="0.5" x="7.05025"
                                                                                    y="15.5356" width="12"
                                                                                    height="2" rx="1"
                                                                                    transform="rotate(-45 7.05025 15.5356)"
                                                                                    fill="currentColor" />
                                                                                <rect x="8.46447" y="7.05029"
                                                                                    width="12" height="2"
                                                                                    rx="1"
                                                                                    transform="rotate(45 8.46447 7.05029)"
                                                                                    fill="currentColor" />
                                                                            </svg>
                                                                        </span>
                                                                        <!--end::Svg Icon-->
                                                                    </button>
                                                                </div>
                                                            @empty
                                                            <div data-repeater-item="vendor"
                                                            class="row d-flex flex-wrap align-items-center gap-5">
                                                            <input type="hidden" name="id"
                                                                value="">
                                                                <div class="col-md-3 form-group">
                                                                <label
                                                                    class=" fs-6 fw-semibold mb-2 RequiredLable">Vendor
                                                                    Name</label>
                                                                <input type="text"
                                                                    class="form-control mw-100 w-200px"
                                                                    value=""
                                                                    name="vendor_name"
                                                                    placeholder="Vendor Name" />
                                                            </div>
                                                            <!--begin::Input-->
                                                            <div class="col-md-3 form-group">
                                                                <label
                                                                    class="required fs-6 fw-semibold mb-2 RequiredLable">Vendor
                                                                    No</label>
                                                                <input type="text"
                                                                    class="form-control mw-100 w-200px"
                                                                    value=""
                                                                    name="vendor_no" placeholder="Vendor No" />
                                                                <!--end::Input-->
                                                            </div>
                                                            <!--begin::Input-->
                                                            <div class="col-md-3 form-group">
                                                                <label
                                                                    class=" fs-6 fw-semibold mb-2 RequiredLable">Vendor
                                                                    Business</label>
                                                                <input type="text"
                                                                    class="form-control mw-100 w-200px"
                                                                    value=""
                                                                    name="vendor_business"
                                                                    placeholder="Vendor Business" />
                                                            </div>
                                                            <div class="col-md-3 form-group">
                                                                <label
                                                                    class=" fs-6 fw-semibold mb-2 RequiredLable">Operating
                                                                    Unit</label>
                                                                <select aria-label="Select an organzation"
                                                                    id="org_id" name="vendor_org_id" required
                                                                    data-control="select2"
                                                                    data-placeholder="organzation"
                                                                    class="form-select form-select-sm form-select-solid ">
                                                                    <option value="0" selected disabled>
                                                                        Organzations</option>
                                                                    @foreach ($orgs as $org)
                                                                        <option value="">
                                                                            {{ $org->name }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                            </div>

                                                            <!--end::Input-->
                                                            <div class="col-md-3 form-group">
                                                                <label
                                                                    class=" fs-6 fw-semibold mb-2 RequiredLable">Vendor
                                                                    Site</label>
                                                                <!--begin::Input-->
                                                                <input type="text"
                                                                    class="form-control mw-100 w-200px"
                                                                    value=""
                                                                    name="vendor_site"
                                                                    placeholder="Vendor Site" />
                                                                <!--end::Input-->
                                                            </div>
                                                            <div class="col-md-3 form-group">
                                                                <label
                                                                    class=" fs-6 fw-semibold mb-2 RequiredLable">Vendor
                                                                    Site Name</label>
                                                                <!--begin::Input-->
                                                                <input type="text"
                                                                    class="form-control mw-100 w-200px"
                                                                    name="vendor_site_name"
                                                                    value=""
                                                                    placeholder="Vendor Site Name" />
                                                                <!--end::Input-->
                                                            </div>
                                                            <button type="button" data-repeater-delete=""
                                                                class="btn btn-sm btn-icon btn-light-danger">
                                                                <!--begin::Svg Icon | path: icons/duotune/arrows/arr088.svg-->
                                                                <span class="svg-icon svg-icon-1">
                                                                    <svg width="24" height="24"
                                                                        viewBox="0 0 24 24" fill="none"
                                                                        xmlns="http://www.w3.org/2000/svg">
                                                                        <rect opacity="0.5" x="7.05025"
                                                                            y="15.5356" width="12"
                                                                            height="2" rx="1"
                                                                            transform="rotate(-45 7.05025 15.5356)"
                                                                            fill="currentColor" />
                                                                        <rect x="8.46447" y="7.05029"
                                                                            width="12" height="2"
                                                                            rx="1"
                                                                            transform="rotate(45 8.46447 7.05029)"
                                                                            fill="currentColor" />
                                                                    </svg>
                                                                </span>
                                                                <!--end::Svg Icon-->
                                                            </button>
                                                        </div>
                                                        @endforelse
                                                        </div>
                                                    </div>

                                                    <!--end::Form group-->
                                                    <!--begin::Form group-->
                                                    <div class="form-group mt-5">
                                                        <button type="button" data-repeater-create=""
                                                            class="btn btn-sm btn-light-primary">
                                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr087.svg-->
                                                            <span class="svg-icon svg-icon-2">
                                                                <svg width="24" height="24" viewBox="0 0 24 24"
                                                                    fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                    <rect opacity="0.5" x="11" y="18" width="12"
                                                                        height="2" rx="1"
                                                                        transform="rotate(-90 11 18)"
                                                                        fill="currentColor" />
                                                                    <rect x="6" y="11" width="12" height="2"
                                                                        rx="1" fill="currentColor" />
                                                                </svg>
                                                            </span>
                                                            <!--end::Svg Icon-->Add another Vendor
                                                        </button>
                                                    </div>
                                                    <!--end::Form group-->
                                                </div>
                                            </div>
                                            <!--end::Repeater-->
                                        </div>
                                        <!--end::Input group-->
                                    </div>
                                    <!--end::Card header-->
                                </div>
                                <!--end::Variations-->
                            </div>
                            <div class="d-flex justify-content-end">
                                <button type="submit" class="btn btn-primary px-4"
                                    id="{{ $e->id }}">{{ \App\CPU\translate('Update vendor') }}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('script')
    <script src="{{ asset('public/assets/back-end') }}/js/select2.min.js"></script>
    <script src="{{ asset('assets/plugins/custom/formrepeater/formrepeater.bundle.js') }}"></script>
    <script src="{{ asset('assets/js/custom/apps/ecommerce/catalog/repeater-js.js') }}"></script>
@endpush