@extends('layouts.dashboard')

@section('content')
    <div class="breadcrumbs">
        <div class="col-sm-4">
            <div class="page-header float-left">
                <div class="page-title">
                    <h1>View</h1>
                </div>
            </div>
        </div>
    </div>

    <div class="content mt-3">

        @if (Session::has('message'))
            <div class="col-sm-12">
                <div class="alert  {{ Session::get('alert-class', 'alert-info') }} alert-dismissible fade show"
                    role="alert">
                    {{ Session::get('message') }}
                </div>
            </div>
        @endif

        <div class="animated fadeIn">
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header"><strong>{{ isset($setting->user)? $setting->user->name:'-'}}</strong>
                        <button type="button" class="btn btn-outline-info btn-sm float-right">
                        <a href="{{ route('user-score-management.add',['id'=>$setting->id]) }}"  class="text-dark"> <i class="fa fa-plus"></i>&nbsp; Add </a></button>   
                        <button type="button" class="btn btn-outline-info btn-sm float-right">
                                <a href="{{ route('global-parameter.view-engine-settings',['id'=>$setting->merchant_id]) }}"  class="text-dark"> <i class="fa fa-backward"></i>&nbsp; Back </a></button>
                        </div>
                        <div class="card-body card-block">

                            <h6>{{ isset($setting)?(App\Models\GlobalParameterSetting::types($setting->type)):''}} Scores</h6>
                            <div class="card-body">
                                <table id="reg_table" class="table table-striped table-bordered table-responsive">
                                    <thead>
                                        <tr>
                                            <th>Engine</th>
                                            <th>Engine Type</th>
                                            <th>Start</th>
                                            <th>End</th>
                                            <th>Status</th>
                                            <th>Code</th>
                                            <th>Message</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($scores as $score )
                                         <tr>
                                            <td>{{ isset($score->engine)?$score->engine->engine_name:'-' }}</td>
                                            <td>{{ isset($score)?(App\Models\GlobalParameterSetting::apiType($score->engine_type)):'' }}</td>
                                            <td>{{ $score->start_operator }} {{ $score->start}}</td>
                                            <td>{{ $score->end_operator }}{{ $score->end }}</td>
                                            <td>{{ $score->status }}</td>
                                            <td>{{ $score->code }}</td>
                                            <td>{{ $score->message }}</td>
                                            <td>
                                                <div class="d-flex">
                                                <button type="button" class="btn btn-outline-info btn-sm">
                                                    <a href="{{ route('user-score-management.edit',['id'=>$score->id]) }}"  class="text-dark"> <i class="fa fa-pencil"></i>&nbsp; Edit </a></button>

                                                <button type="button" class="btn btn-outline-danger btn-sm delete ml-2" data-id="{{ $score->id }}">
                                                    <i class="fa fa-trash"></i>&nbsp; Delete </button>
                                                </div>
                                                </td>
                                            </tr>
                                        @empty
                                        <tr><td colspan="9" class="text-center">No data available</td></tr>

                                        @endforelse

                                    </tbody>
                                </table>
                            </div>                          
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@push('scripts')
<script>

  $('.delete').click(function() {
    var id = $(this).data('id');

    Swal.fire({
                title: "Are you sure to delete?",
                showDenyButton: true,
                denyButtonText: "No",
                }).then((result) => {
                if (result.isConfirmed) {

                    $.ajax({
                        type: "POST",
                        url: "{{ route('user-score-management.delete') }}",
                        data: {
                        "_token": "{{ csrf_token() }}",
                        'id':id
                        },
                        success: function (data) {
                            if(data && data.status == "success") {
                                Swal.fire("Deleted score successfully!", "", "success");
                             location.reload();
                            }
                            else {
                                Swal.fire("Not able to delete!", "", "info");
                             } // End if-else
                        },
                        error: function (data) {
                            console.log('error data = ', data)
                            Swal.fire("Not able to delete!", "", "info");
                        },

                        });

                } else if (result.isDenied) {
                    Swal.fire("Denied", "", "info");
                    location.reload();
                }
                });
    })


</script>
@endpush