@extends('layouts.app')

@section('form-title') {{ __('Default Answers') }} @endsection

@section('breadcrumb') 
<li class="breadcrumb-item"><a href="{{ route('settings') }}">{{ __('Settings') }}</a> </li> 
<li class="breadcrumb-item">{{ __('Default answers') }}</li>
@endsection
    
@section('content')

<div class="pcoded-inner-content">
  <div class="main-body">
    <div class="page-wrapper">
      <div class="page-body">
        @if(canViewUpdate('add default answers'))
        <div class="row">
            <div class="col-sm-5">
              <div class="card mb-4">
                <div class="card-header">
                  <h5>{{ __('New default answer') }}</h5>
                </div>
                <div class="card-block">
                  <div class="input-group">
                    <a class="btn btn-primary" href="{{ route('default-answers.create') }}"> 
                      {{ __('Add default answer') }} 
                    </a>
                  </div>
                </div>
              </div>
            </div>
        </div>
        @endif
        <div class="row">
          <div class="card">
            <div class="card-header">
              <h5>{{ __('Default answers') }}</h5>
            </div>
            <div class="card-block">
              <div class="row mb-3">
                <div class="table-responsive">
                  <table class="table table-striped data-table">
                    <thead>
                      <tr>
                        <th style="width: 85%">{{ __('Subject') }}</th>
                        @if(canViewUpdate('edit default answers'))
                        <th data-sortable="false">{{ __('Edit') }}</th>
                        @endif
                        @if(canViewUpdate('delete default answers'))
                        <th data-sortable="false">{{ __('Delete') }}</th>
                        @endif
                      </tr>
                    </thead>
                    <tbody>
                      @forelse ($default_answers as $default_answer)
                        <tr id="tr{{ $default_answer->id }}">
                            <td><a class="a-blue" href="{{ route('default-answers.edit', $default_answer->uuid) }}"> {{ $default_answer->subject }}</a></td>
                            @if(canViewUpdate('edit default answers'))
                            <td><a class="a-blue h4" href="{{ route('default-answers.edit', $default_answer->uuid) }}"><i class="fa fa-edit"></i></a></td>
                            @endif
                            @if(canViewUpdate('delete default answers'))
                            <td><button class="h4 remove-me border-0 bg-transparent" data-item-id="{{ $default_answer->id }}"><i class="fa fa-times-circle text-danger"></i></button></td>
                            @endif
                          </tr>
                      @empty
                        {{-- <tr>
                          <td colspan="6" class="text-center">
                            {{ __('No result found') }}
                          </td>
                        </tr> --}}
                      @endforelse
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="row text-center">
                {{ $default_answers->links() }}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@push('child-scripts')
<script>
  $('.data-table').footable({
    "paging": {
      "enabled": false,
    },
    "sorting": {
      "enabled": true
    }
  });

  $(document).on('click', '.remove-me', function(e) {
        e.preventDefault();
        var itemId = $(this).data('item-id');

		swal({
			title: "Are you sure?",
			text: "",
			type: "warning",
			showCancelButton: true,
			confirmButtonClass: "btn-danger",
			confirmButtonText: "Yes, remove it!",
			closeOnConfirm: false
		},
		function(){
            swal.close();
            $('#tr'+itemId).fadeOut();
      
            $.ajax({
                type: "DELETE",
                url: "{{ route('default-answers.destroy', ':id') }}".replace(':id', itemId),
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                success: function(data){
                    //
                }
            });
		});
    });
</script>
@endpush