@extends('admin::layouts.master')

@section('title', __('admin/page.inquiry'))

@section('content')

  @if ($errors->has('error'))
    <x-admin-alert type="danger" msg="{{ $errors->first('error') }}" class="mt-4" />
  @endif

  <div class="card">
    <div class="card-body h-min-600">
{{--      <div class="d-flex justify-content-between mb-4">--}}
{{--        <a href="{{ admin_route('pages.create') }}" class="btn btn-primary">{{ __('common.add') }}</a>--}}
{{--      </div>--}}
      <div class="table-push">
        <table class="table">
          <thead>
            <tr>
              <th>ID</th>
              <th>{{ __('common.sku') }}</th>
              <th>{{ __('common.contacts') }}</th>
              <th>{{ __('common.email') }}</th>
              <th>{{ __('common.content') }}</th>
              <th>{{ __('common.created_at') }}</th>
              <th>{{ __('common.updated_at') }}</th>
              @hook('admin.page.list.column')
              <th class="text-end">{{ __('common.action') }}</th>
            </tr>
          </thead>
          <tbody>
            @if (count($pages_format))
              @foreach ($pages_format as $page)
                <tr>
                  <td>{{ $page['id'] }}</td>
                  <td>
                    <div >{{ $page['product_sku_sku'] ?? '' }}</div>
                  </td>
                  <td>
                    <div title="">{{ $page['contacts'] ?? '' }}</div><!-- <a class="text-dark" href="{/{ shop_route('pages.show', $page['id']) }}" target="_blank">{/{ $page['title_format'] ?? '' }}</a> -->
                  </td>
{{--                  <td class="{{ $page['active'] ? 'text-success' : 'text-secondary' }}">--}}
{{--                    {{ $page['active'] ? __('common.enable') : __('common.disable') }}--}}
{{--                  </td>--}}
                  <td>
                    <div title="">{{ $page['email'] ?? '' }}</div>
                  </td>
                  <td>
                    <div title="">{{ $page['content'] ?? '' }}</div>
                  </td>
                  <td>{{ $page['created_at'] }}</td>
                  <td>{{ $page['updated_at'] }}</td>
                  @hook('admin.page.list.column_value')
                  <td class="text-end">
{{--                    <a href="{{ admin_route('pages.edit', [$page['id']]) }}"--}}
{{--                      class="btn btn-outline-secondary btn-sm">{{ __('common.edit') }}</a>--}}
                    <button class="btn btn-outline-danger btn-sm delete-btn" type='button'
                      data-id="{{ $page['id'] }}">{{ __('common.delete') }}</button>
                    @hook('admin.page.list.action')
                  </td>
                </tr>
              @endforeach
            @else
            <tr><td colspan="5" class="border-0"><x-admin-no-data /></td></tr>
            @endif
          </tbody>
        </table>
      </div>

      {{ $pages->links('admin::vendor/pagination/bootstrap-4') }}

    </div>
  </div>

  @hook('admin.page.list.content.footer')
@endsection

@push('footer')
  <script>
    $('.delete-btn').click(function(event) {
      const id = $(this).data('id');
      const self = $(this);

      layer.confirm('{{ __('common.confirm_delete') }}', {
        title: "{{ __('common.text_hint') }}",
        btn: ['{{ __('common.cancel') }}', '{{ __('common.confirm') }}'],
        area: ['400px'],
        btn2: () => {
          $http.delete(`inquiry/${id}`).then((res) => {
            layer.msg(res.message);
            window.location.reload();
          })
        }
      })
    });
  </script>
@endpush