@php(
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? '',
        $subTitle ?? '',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : [],
        isset($data) ? $data : [],
    )
)
@php($headingOptions = [
    '<a class="'.\Config::get('view.buttons.secondary').'" href="'.  route('manages.dynamic-headers.index') .'" data-toggle="tooltip" title="Back to Dynamic Headers"> <i class="'. \Config::get('settings.icon_back') .'"></i> <span>Back</span></a>',
    $permission['create'] ? '<a class="'.\Config::get('view.buttons.primary').'" href="'.  route($routePrefix . '.create',['dynamic_header_id' => $dynamic_header_id]) .'" data-toggle="tooltip" title="Add New Record"><i class="'. \Config::get('settings.icon_add') .'"></i> <span>Add New</span></a>' : ''
])
@extends('admin.layouts.layout', $headerOption)
@section('content')
<div class="col-12">
    <div class="project-box">
        <x-heading-sec :module="$module" :options="$headingOptions" />
        <div class="table-responsive project-table">
            <table class="table table-condensed mh-200" id="sortable-table">
            <thead>
                <tr>
                <th>Display Field Name {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'display_field_name', $orderBy, ['dynamic_header_id' => $dynamic_header_id]) !!}</th>
                <th>DB Field Name {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'db_column_name', $orderBy, ['dynamic_header_id' => $dynamic_header_id]) !!}</th>
                <th>Controller Name {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'class', $orderBy, ['dynamic_header_id' => $dynamic_header_id]) !!}</th>
                <th>Function Name {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'method', $orderBy, ['dynamic_header_id' => $dynamic_header_id]) !!}</th>
                <th>Default {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'is_default', $orderBy, ['dynamic_header_id' => $dynamic_header_id]) !!}</th>
                <th>Status {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'status', $orderBy, ['dynamic_header_id' => $dynamic_header_id]) !!}</th>
                <th width="15%" style="text-align: right;">Action</th>
                </tr>
            </thead>
                <tbody>
                @if(count($data) != 0)
                @foreach ($data as $key => $val)
                <tr data-id="{{ $val->id }}">
                    <td>{{ $val->display_field_name ?? '--' }}</td>
                    <td>{{ $val->db_column_name ?? '--' }}</td>
                    <td>{{ $val->class ?? '--' }}</td>
                    <td>{{ $val->method ?? '--'}}</td>
                    <!-- <td>{{ $val->is_default == 1 ? 'Yes' : 'No' }}</td> -->
                    <td>
                    <div class="square-switchs">
                        <input type="checkbox" switch="dark" name="is_default" class="can-access-dream-ap-switch" id="d-{{ $val->id }}" 
                        data-id="{{ $val->id }}"  {{ $val->is_default == 1 ? 'checked' : '' }}>

                        <label for="d-{{ $val->id }}" data-on-label="" data-off-label=""></label>
                    </div>
                    </td>

                    <td><span class="badge badge-pill badge-soft-{{ $val->statuses[$val->status]['badge'] }} font-size-12">{!! $val->statuses[$val->status]['name'] !!}</span></td>
                    @if($permission['edit'] || $permission['destroy'])
                    <td class="text-right">

                    @if($permission['edit'])
                    <a href="{{  route($routePrefix . '.create',['dynamic_header_id' => $dynamic_header_id,'id' => $val->id]) }}" class="btn btn-light btn-sm waves-effect" data-toggle="tooltip"  title="Edit"><i class = "{!! \Config::get('settings.icon_edit') !!}"></i></a>
                    @endif
                    @if($permission['destroy'])
                    <a class="btn btn-light btn-sm text-danger waves-effect" data-toggle="tooltip"  data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?" data-confirm-yes="event.preventDefault();
                    document.getElementById('delete-form-{{$val->id}}').submit();" title="Delete"><i class = "{!! \Config::get('settings.icon_delete') !!}"></i></a>
                    {!! html()->form('DELETE', route($routePrefix . '.destroy', ['dynamic_header_id' => $dynamic_header_id, 'id' => $val->id]))
                      ->attributes([
                        'style' => 'display:inline',
                        'id' => 'delete-form-' . $val->id,
                      ])->open() !!}
                    {!! html()->form()->close() !!}
                    @endif
                    </td>
                    @endif
                </tr>
                @endforeach
                @else
                <tr><td colspan="25"><div class="alert alert-danger">No Data</div></td></tr>
                @endif
            </tbody>
            </table>
        </div>
    </div>
</div>
  @include('admin.components.pagination')
@endsection

@push('page_script')
<script>
  $(function() {
    $("#sortable-table tbody").sortable({
        helper: function(e, ui) {
          ui.children().each(function() {
            $(this).width($(this).width());
          });
          return ui;
        },
        update: function(event, ui) {
          updateRowNumbers();
        }
    }).disableSelection();

    function updateRowNumbers() {
      var rowId = [];
      $("#sortable-table tbody tr").each(function(index) {
        // $(this).find("td:first").text(index + 1);
        rowId.push($(this).data('id'));
      });
      $.ajax({
        url: '{{ route($routePrefix . ".updateOrder", ["dynamic_header_id" => $dynamic_header_id]) }}',
        method: 'POST',
        data: {
          _token: '{{ csrf_token() }}',
          rowIds: rowId
        },
        error: function() {
          alert('Error occurred while updating order');
        }
      });
    }
  });

  $(document).ready(function() {
    $('.can-access-dream-ap-switch').on('change', function() {
      const isChecked = $(this).prop('checked') ? 1 : 0;
      const dynamicHeaderId = $(this).data('id'); 

      $.ajax({
        url: '{{ route($routePrefix . ".updateDefaultValue", ["dynamic_header_id" => $dynamic_header_id]) }}',
        method: 'POST',
        data: {
          _token: '{{ csrf_token() }}',
           is_default: isChecked,
           id:dynamicHeaderId
        },
        success: function(response) {
          if (response.success) {
           //Swal.fire('Status has been changed.');
          } else {
            console.log('Error: ' + response.message);
          }
        },
        error: function(error) {
          console.error(error);
       
        }
      });
    });
  });
</script>

@endpush