@extends('layouts.master')

@section('page-title'){{ __('Casino Providers') }}@endsection

@section('menu'){{ __('Games') }}@endsection

@section('sub-menu'){{ __('Casino Providers') }}@endsection

@section('content')
<p id="response_message" class="d-none alert"></p>

<div class="form-group">
    <button type="submit" class="btn btn-success js-modal"
        data-modalid = 'add_casino_provider'
        data-modaltitle="{{ __('Add New Provider') }}"
        data-url="{{ route('games.casino.provider.add.or.update') }}"
        data-savetext = "{{ __('Save') }}">{{ __('Add new provider') }}</button>
</div>

    <table class="table table-striped table-hover ">

        <thead>
            <tr>
                <th>{{ __('Id') }}</th>
                <th>{{ __('Provider Id') }}</th>
                <th>{{ __('Provider Name') }}</th>
                <th>{{ __('Provider Url Live Desktop') }}</th>
                <th>{{ __('Provider Url Test Desktop') }}</th>
                <th>{{ __('Provider Url Live Mobile') }}</th>
                <th>{{ __('Provider Url Test Mobile') }}</th>
                <th>{{ __('Action') }}</th>
            </tr>
        </thead>

        <tbody>
            @foreach ($providers as $k => $row)
            <tr>
                <td>{{ $row->id }}</td>
                <td>{{ $row->provider_id }}</td>
                <td>{{ $row->provider_name }}</td>
                <td>{{ $row->provider_url_live_desktop }}</td>
                <td>{{ $row->provider_url_test_desktop }}</td>
                <td>{{ $row->provider_url_live_mobile }}</td>
                <td>{{ $row->provider_url_test_mobile }}</td>
                <td>
                    <button type="submit" class="btn btn-primary js-modal"
                        data-modalid = 'edit_casino_provider'
                        data-modaltitle="{{ __('Modify Casino Provider') }}"
                        data-url="{{ route('games.casino.provider.add.or.update', ['id' => $row->id]) }}"
                        data-savetext = "{{ __('Save') }}">
                        Edit
                    </button>

                    <a href = "#"  class="js-delete-casino-provider btn btn-danger" data-id="{{ $row->id }}" >{{ __('Delete') }}</a>
                </td>
            </tr>
            @endforeach
            <tr>
                <td colspan="8">
                    <div class="float-right">
{{--                        {{ $providers->links() }}--}}
                    </div>
                </td>
            </tr>
        </tbody>
    </table>


<style>

table {
		table-layout: fixed;
		overflow: hidden;
	}

	table tbody {
		word-wrap: break-word;
	}

</style>
@endsection

@section('script')
<script>

        $(document).on('click', '.js-delete-casino-provider', function () {
            var id = $(this).attr('data-id');
            var trElem = $(this).closest('tr');
            Swal.fire({
                title: "Are you sure?",
                text: "",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#02a499",
                cancelButtonColor: "#ec4561",
                confirmButtonText: "Yes, delete it!"
              }).then(function (result) {
                if (result.value) {

                    $.ajax({
                        data: {"_token": "{{ csrf_token() }}"},
                        type: 'POST',
                        url: "{{ url('') }}/games/providers/deleteCasinoProvider/" + id,

                        success: function (response) {
                            if (response.success){
                                Swal.fire("Deleted!", "Casino provider is successfully deleted.", "success");

                                trElem.remove();
                            }
                            else {
                                Swal.fire("Error!", "Error occured.", "error");
                            }
                        }
                    });
                }
            });
        });
</script>
@endsection