@section('title', 'Servidores')
@include('admin/includes/header')
<link href="/assets-manager/css/sweetalert2.min.css" rel="stylesheet">
@section('head')
@endsection

<main class="flex-shrink-0 mt-3">
    <div class="container">
        @if (\Session::has('success'))
            <div class="alert alert-success alert-icon alert-dismissible fade show fw-semibold" role="alert">
                {!! \Session::get('success') !!}
            </div>
            @php Session::forget('success'); @endphp
        @endif

        @if($allServers->count() == 0)
            <div class="py-4 text-center">Nenhum servidor</div>
        @else

			@php $settings = DB::table('settings')->where('id','=','1')->get()->first();  @endphp

            <table class="table table-vcenter table-hover">
                <thead>
                <tr>
                    <th class="d-none" scope="col">#</th>
                    <th scope="col">Nome</th>
                    <th scope="col">IP</th>
					<th scope="col" class="text-center">Total | Suspensos | Limite</th>
                    <th class="pe-1 text-end" scope="col">Ação</th>
                </tr>
                </thead>
                <tbody>
                @foreach($allServers as $server)
				@php $qtd = DB::table('streamings')->where('server_id','=',$server->id)->get()->count(); $qtdAct = DB::table('streamings')->where('status','=','2')->where('server_id','=',$server->id)->get()->count();  @endphp
                <tr>
                    <th class="d-none" scope="row">{{ $server->id }}</th>
                    <td class="fw-semibold align-middle">{{ $server->name }} ({{ $server->display }}) @if($settings->master_server == $server->id)<span class="ms-1 badge text-bg-primary">Principal</span>@endif</td>
                    <td class="fw-semibold align-middle">{{ $server->ip }}</td>
					<td class="fw-semibold align-middle text-center"> {{ $qtd }} | {{ $qtdAct }} | {{ $server->limit }}</td>
                    <td class="pe-1 text-end align-middle">
						<a href="{{ route('admin.streams',$server->id) }}" class="btn btn-info btn-sm"><i class="bi bi-list-ul"></i></a>
                        <!--button type="button" data-server="{{ $server->id }}" onclick="startStreams('{{ $server->id }}');" class="btn btn-success btn-sm btnAct"><i class="bi bi-play-circle"></i></button-->
						<button type="button" data-action="startStreams" data-nmserver="{{ $server->name }}" data-server="{{ $server->id }}" class="btn btn-success btn-sm btnAct actServer"><i class="bi bi-play-circle"></i></button>
                        <!--button type="button" data-nmserver="{{ $server->name }}" data-server="{{ $server->id }}" onclick="startAutodjs('{{ $server->id }}');" class="btn btn-secondary btn-sm btnAct"><i class="bi bi-volume-up"></i></button-->
						<button type="button" data-action="startAutodjs" data-nmserver="{{ $server->name }}" data-server="{{ $server->id }}" class="btn btn-secondary btn-sm btnAct actServer"><i class="bi bi-volume-up"></i></button>
                    </td>
                </tr>
                @endforeach
                </tbody>
            </table>

            {{ $allServers->links('vendor.pagination.default') }}
        @endif
    </div>
</main>

@include('admin/includes/footer')


<script src="https://getbootstrap.com/docs/5.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="/assets-manager/js/sweetalert2.all.js"></script>
<script>
    function startStreams(server) {
        Sweetalert2.fire({
            title: "<h3 class='mb-2'>Ligando streamings</h3>",
            html: "<p class='contentModal'>Iniciando processo...</p>",
            allowEscapeKey: false,
            allowOutsideClick: false,
            showConfirmButton: false,
        });
        $.post("/manager/server/listPorts", {id: server}).done(function (data) {

            for(var cont = 0; cont < data.data.length; cont++) {
                var port = data.data[cont];
                startStream(port);

                if(data.data.length === cont+1){
                   // $('.contentModal').text('Acabou');
                }
            }

        }, "json");
    }

    function startStream(port){
        $.post("/manager/server/stream/start", {port: port}).done(function (data) {
            $('.contentModal').html(data.data);
        }, "json");
    }




    function startAutodjs(server){
        Sweetalert2.fire({
            title: "<h3 class='mb-2'>Ligando AutoDJs</h3>",
            html: "<p class='contentModal'>Iniciando processo...</p>",
            allowEscapeKey: false,
            allowOutsideClick: false,
            showConfirmButton: false,
        });
        $.post("/manager/server/listPorts", {id: server}).done(function (data) {

            for(var cont = 0; cont < data.data.length; cont++) {
                var port = data.data[cont];
                startAutodj(port);

                if(data.data.length === cont+1){
                    // $('.contentModal').text('Acabou');
                }
            }

        }, "json");
    }


    function startAutodj(port){
        $.post("/manager/server/autodj/start", {port: port}).done(function (data) {
            $('.contentModal').html(data.data);
        }, "json");
    }


	$(document).find('.actServer').on( "click", function() {
	let action = $(this).attr('data-action');
	let server = $(this).attr('data-nmserver');
	let idServer = $(this).attr('data-server');
	
	let titleFire = (action == 'startStreams' ? 'Deseja realmente iniciar todos os streams do <b>'+server+'</b>?' : (action == 'startAutodjs' ? 'Deseja realmente iniciar todos os AutoDJ do <b>'+server+'</b>?' : 'Deseja realizar esta ação?'));
	Sweetalert2.fire({
                title: titleFire,
                showDenyButton: false,
                showCancelButton: true,
                confirmButtonText: 'Confirmar',
                cancelButtonText: 'Cancelar',
            }).then((result) => {
                if (result.isConfirmed) {
					if(action == 'startStreams'){
						startStreams(idServer);
					}else if(action == 'startAutodjs'){
						startAutodjs(idServer);
					}
					
				}
			});
			
	});

</script>