@extends('layout.store_layout.master')
@section('custom_css')
@endsection
@section('content')
    <div class="card mb-7">
        <div class="card-header card-header-stretch">
            <h3 class="card-title">@lang('general.customer_profile')</h3>
            <div class="card-toolbar">
                @include('pages.store_admin.customers.sections._tabs',['itemId'=>$customer->getKey()])
            </div>
        </div>
    </div>

    <!--begin::Sizes-->
    <div class="card card-flush">
        <!--begin::Card header-->
        <div class="card-header align-items-center py-5 gap-2 gap-md-5 d-none">
            <!--begin::Card title-->
            <div class="card-title">
                <!--begin::Search-->
                <div class="d-flex align-items-center position-relative my-1">
                    <!--begin::Svg Icon | path: icons/duotune/general/gen021.svg-->
                    <span class="svg-icon svg-icon-1 position-absolute ms-4">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1" transform="rotate(45 17.0365 15.1223)" fill="currentColor" />
                            <path d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z" fill="currentColor" />
                        </svg>
                    </span>
                    <!--end::Svg Icon-->
                    <input type="text" data-kt-ecommerce-order-filter="search" class="form-control form-control-solid w-250px ps-14" placeholder="@lang('general.search')" />
                </div>
                <!--end::Search-->
            </div>
            <!--end::Card title-->
            <!--begin::Card toolbar-->
            <div class="card-toolbar flex-row-fluid justify-content-end gap-5">

            {{--<div class="w-100 mw-150px">--}}
            {{--<!--begin::Select2-->--}}
            {{--<select class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Status" data-kt-ecommerce-order-filter="status">--}}
            {{--<option></option>--}}
            {{--<option value="all">@lang('admin.all')</option>--}}
            {{--<option value="Cancelled">ملغي</option>--}}
            {{--<option value="Completed">مكتمل</option>--}}
            {{--<option value="Pending">قيد الانتظار</option>--}}
            {{--</select>--}}
            {{--<!--end::Select2-->--}}
            {{--</div>--}}
            <!--begin::Add product-->
            {{--<a href="#" class="btn btn-primary">Add New</a>--}}
            <!--end::Add product-->
            </div>
            <!--end::Card toolbar-->
        </div>
        <!--end::Card header-->
        <!--begin::Card body-->
        <div class="card-body ">
            <!--begin::Table-->
            <table class="table text-center align-middle table-row-dashed fs-6 gy-5 mt-3" id="cs_datatable">
                <!--begin::Table head-->
                <thead>
                <!--begin::Table row-->
                <tr class=" text-gray-400 fw-bold fs-7 text-uppercase gs-0" style=" background: #f1f9ff;">
                        <th class="text-start min-w-100px">@lang('admin.size_title') </th>
                        <th class="">@lang('admin.type')</th>
                        <th class="">@lang('admin.delegate')</th>
                        {{--<th class="">@lang('admin.the_length')</th>--}}
                        {{--<th class="">عرض الكتف</th>--}}
                        {{--<th class="">الصدر</th>--}}
                        {{--<th class="">البطن </th>--}}
                        {{--<th class="">الخصر </th>--}}
                        {{--<th class="">الأرداف</th>--}}
                        {{--<th class="">محيط الرقبة</th>--}}
                        {{--<th class="">فتحة الكم</th>--}}
                        {{--<th class="">طول الكم</th>--}}
                        {{--<th class="">طول الذراع</th>--}}
                        <th class="min-w-50px">@lang('general.operations')</th>
                    </tr>
                    <!--end::Table row-->
                </thead>
                <!--end::Table head-->
                <!--begin::Table body-->
                <tbody class="fw-semibold text-gray-600">
                @forelse($items as $item)
                    <tr id="TR_{{$item->id}}">
                        <td class="text-start">
                            <span class="text-gray-800 fw-bold">{{ $item->name }}</span>
                        </td>
                        <td >{{ optional($item->measuringType)->name }}</td>
                        <td >{{ (!empty($item->sales_representative) ? $item->sales_representative->name : '-') }}</td>
                        <!--begin::Action=-->
                        <td class="text-center">
                            <div class="btn-group">
                                <a href="javascript:void(0);" onclick="openDetails('{{$item->getKey()}}')" class="btn btn-icon btn-sm btn-light">
                                    <i class="fas fa-eye fs-4"></i>
                                </a>

                                {{--<a href="#" data-kt-filter="delete_row" class="btn btn-icon btn-sm btn-light-danger">--}}
                                    {{--<i class="fas fa-trash fs-4"></i>--}}
                                {{--</a>--}}
                            </div>
                        </td>
                        <!--end::Action=-->
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center">
                            @lang('admin.no_data_found')
                        </td>
                    </tr>
                @endforelse

                </tbody>
                <!--end::Table body-->
            </table>
            <!--end::Table-->
            @include('pages.store_admin.general_partials.custom_pagination',['items'=>$items])
        </div>
        <!--end::Card body-->
    </div>
    <!--end::Sizes-->

    {{--@include('pages.store_admin.customers.sections.sizes')--}}


@endsection

@section('custom_js')
    <script>
        function openDetails(id=''){
            $.get('{{ route('admin.customers.show_sizes',[$customer]) }}?id=' + id, function (data) {
                let modal = $('#form-modal');
                modal.find('.modal-dialog').removeClass('modal-lg');
                modal.find('.modal-title').html(data.title);
                modal.find('.modal-body').html(data.page);

                let modalForm = $('#form-modal form');

                modal.modal('show');

            });
        }
    </script>
@endsection