@section('title', __('radio.menu_item_6'))
@section('head')
<link rel="stylesheet" href="/assets/js/plugins/sweetalert2/sweetalert2.min.css">
@endsection
@include('includes/header')
@include('includes/topRadio')
<div class="content">

    <div class="row">
        <div class="col-12">
            <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center py-2">
                <div class="flex-grow-1">
                    <h1 class="h3 fw-bold mb-2">
                        {{ __('radio.menu_item_6') }}
                    </h1>
                </div>
                <nav class="flex-shrink-0 mt-3 mt-sm-0 ms-sm-3" aria-label="breadcrumb">
                    <ol class="breadcrumb breadcrumb-alt push mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('radio.home.r') }}">{{ __('radio.menu_item_1') }}</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">{{ __('radio.menu_item_6') }}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">

            @if (\Session::has('success'))
                <div class="alert alert-primary alert-icon alert-dismissible fade show" role="alert">
                    <b>{!! \Session::get('success') !!}</b>
                </div>
                @php Session::forget('success'); @endphp
            @endif

            <div class="block block-rounded">
                <div class="block-content">

                    <form action="{{ route('radio.sett.r.do') }}" method="POST">
                    <div class="mb-4">
                        <label class="form-label">{{ __('general.label_timezone') }}</label>
                        <div class="input-group">
                            <input type="text" class="form-control" value="{{ ($streamData->timezone == 'America/Sao_Paulo' ? __('radio.settings_timezone_brasilia') : $streamData->timezone) }}" readonly>
                            <a href="{{ route('settings.r') }}" class="btn btn-primary">
                                <i class="fa fa-edit"></i>
                            </a>
                        </div>
                    </div>

                    {{-- Opcao de teste: comportamento ao encerrar o ao vivo. Visivel apenas na radio 7810. --}}
                    @if($streamData->port == '7810')
                    <div class="mb-4">
                        <label class="form-label">
                            Ao encerrar o ao vivo
                            <span class="badge bg-warning text-white">Teste - somente nesta porta</span>
                        </label>
                        <select name="autodj_live_end" class="form-select">
                            <option value="pause" {{ (($streamData->autodj_live_end ?? 'pause') == 'pause' ? 'selected' : '') }}>Continuar a musica de onde parou</option>
                            <option value="skip" {{ (($streamData->autodj_live_end ?? 'pause') == 'skip' ? 'selected' : '') }}>Pular para a proxima musica (corte seco)</option>
                        </select>
                        <div class="fs-sm text-muted mt-1">
                            Define o que acontece quando o DJ ao vivo desconecta: retomar a musica que estava tocando, ou pular direto para a proxima.
                        </div>
                    </div>
                    @endif


					
					<div class="mb-4 crossAudioType">
                        <label class="form-label">{{ __('radio.settings_fade_type') }}</label>
                        <select name="autodj_fade_type" class="form-select crossAudioSelect">
							<option value="none" {{ ($streamData->autodj_fade_type == 'none' ? 'selected' : '')  }}>{{ __('radio.settings_fade_none') }}</option>
                            <option value="simple" {{ ($streamData->autodj_fade_type == 'simple' ? 'selected' : '')  }}>Fade</option>
                            <!--option value="crossfade" {{ ($streamData->autodj_fade_type == 'crossfade' ? 'selected' : '')  }}>Crossfade</option-->
                        </select>
						<div class="crossAudioTypeMsg fs-sm text-warning" style="display:none">{!! __('radio.settings_crossfade_msg') !!}</div>
                    </div>
					
					
					<div class="mb-4 AudioPreset">
                        <label class="form-label">{{ __('radio.settings_preset') }}</label>
                        <select name="autodj_preset" class="form-select">
                            <option value="off" {{ ($streamData->autodj_preset == 'off' ? 'selected' : '')  }}>{{ __('radio.settings_preset_off') }}</option>
                            <option value="light" {{ ($streamData->autodj_preset == 'light' ? 'selected' : '')  }}>{{ __('radio.settings_preset_light') }}</option>
							<option value="balanced" {{ ($streamData->autodj_preset == 'balanced' ? 'selected' : '')  }}>{{ __('radio.settings_preset_balanced') }}</option>
							<option value="strong" {{ ($streamData->autodj_preset == 'strong' ? 'selected' : '')  }}>{{ __('radio.settings_preset_strong') }}</option>
							<option value="aggressive" {{ ($streamData->autodj_preset == 'aggressive' ? 'selected' : '')  }}>{{ __('radio.settings_preset_aggressive') }}</option>
                        </select>
                    </div>
	
					
					<div class="mb-4">
                       <label class="form-label">{{ __('radio.settings_fade_duration') }}</label>
                       <select name="autodj_fade_time" class="form-select crossDur">
                           <option value="2" {{ ($streamData->autodj_fade_time == '2' ? 'selected' : '')  }}>{{ __('radio.settings_seconds', ['count' => 2]) }}</option>
                           <option value="4" {{ ($streamData->autodj_fade_time == '4' ? 'selected' : '')  }}>{{ __('radio.settings_seconds', ['count' => 4]) }}</option>
                           <option value="6" {{ ($streamData->autodj_fade_time == '6' ? 'selected' : '')  }}>{{ __('radio.settings_seconds', ['count' => 6]) }}</option>
                           <option value="8" {{ ($streamData->autodj_fade_time == '8' ? 'selected' : '')  }}>{{ __('radio.settings_seconds', ['count' => 8]) }}</option>
                           <option value="10" {{ ($streamData->autodj_fade_time == '10' ? 'selected' : '')  }}>{{ __('radio.settings_seconds', ['count' => 10]) }}</option>
                       </select>
                    </div>
					
					 <div class="mb-4 crossAudio {{ ($streamData->autodj_fade_type == 'none' ? 'd-none' : '') }}">
                        <label class="form-label">{{ __('radio.settings_fade_min_length') }}</label>
                        <select name="autodj_fade_file" class="form-select">
                            <option value="10" {{ ($streamData->autodj_fade_file == '10' ? 'selected' : '')  }}>{{ __('radio.settings_seconds', ['count' => 10]) }}</option>
                            <option value="20" {{ ($streamData->autodj_fade_file == '20' ? 'selected' : '')  }}>{{ __('radio.settings_seconds', ['count' => 20]) }}</option>
                            <option value="30" {{ ($streamData->autodj_fade_file == '30' ? 'selected' : '')  }}>{{ __('radio.settings_seconds', ['count' => 30]) }}</option>
                            <option value="60" {{ ($streamData->autodj_fade_file == '60' ? 'selected' : '')  }}>{{ __('radio.settings_minute_1') }}</option>
                            <option value="90" {{ ($streamData->autodj_fade_file == '90' ? 'selected' : '')  }}>{{ __('radio.settings_minute_1_half') }}</option>
                        </select>
                    </div>

                    <div class="mb-4">
                        <label class="form-label">{{ __('radio.settings_codec') }}</label>
                        <select name="autodj_codec" class="form-select">
                            <option value="mp3" {{ ($streamData->autodj_codec == 'mp3' ? 'selected' : '')  }}>MP3</option>
                            <option value="aac" {{ ($streamData->autodj_codec == 'aac' ? 'selected' : '')  }}>AAC</option>
                        </select>
                    </div>

                    <div class="mb-4">
                        <label class="form-label">{{ __('radio.settings_bitrate') }}</label>
                        <select name="autodj_bitrate" class="form-select">
                            <option value="32" {{ ($streamData->autodj_bitrate == '32' ? 'selected' : '')  }}>32kbps</option>
                            <option value="48" {{ ($streamData->autodj_bitrate == '48' ? 'selected' : '')  }}>48kbps</option>
                            <option value="64" {{ ($streamData->autodj_bitrate == '64' ? 'selected' : '')  }}>64kbps</option>
                            <option value="96" {{ ($streamData->autodj_bitrate == '96' ? 'selected' : '')  }}>96kbps</option>
                            @if($streamData->plan_bitrate >= '128')
                            <option value="128" {{ ($streamData->autodj_bitrate == '128' ? 'selected' : '')  }}>128kbps</option>
                            @endif
                            @if($streamData->plan_bitrate > '128')
                            <option value="192" {{ ($streamData->autodj_bitrate == '192' ? 'selected' : '')  }}>192kbps</option>
							<option value="256" {{ ($streamData->autodj_bitrate == '256' ? 'selected' : '')  }}>256kbps</option>
							<option value="320" {{ ($streamData->autodj_bitrate == '320' ? 'selected' : '')  }}>320kbps</option>
                            @endif
                        </select>
                    </div>

                    <div class="mb-4">
                        <label class="form-label">{{ __('radio.settings_channels') }}</label>
                        <select name="autodj_channel" class="form-select">
                            <option value="1">Mono</option>
                            <option value="2" selected="selected">Stereo</option>
                        </select>
                    </div>

                    <div class="mb-4">
                        <label class="form-label">{{ __('radio.settings_samplerate') }}</label>
                        <input type="text" class="form-control" value="44100Hz" readonly>
                    </div>

                </div>
                <div class="block-content py-2 border-top">
                    <button type="button" class="btn btn-primary saveConf">{{ __('general.action_save_changes') }}</button>
                </div>
                </form>
            </div>
        </div>
    </div>



</div>

</div>

</main>


@include('includes/footer')

</div>
<script src="/assets/js/lib/jquery.min.js"></script>
<script src="/assets/js/main.min.js"></script>
<script src="/assets/js/plugins/sweetalert2/sweetalert2.min.js"></script>
<script>
    $(".crossAudioType").change(function() {
        if(this.value == 'none'){
            $('.crossAudio').addClass('d-none');
			$('.crossAudioType').addClass('d-none');
        }else{
            $('.crossAudio').removeClass('d-none');
			$('.crossAudioType').removeClass('d-none');
        }
    });
	
	
	function toggleCrossAudioMsg() {
        if ($('.crossAudioSelect').val() == 'crossfade') {
            $('.crossAudioTypeMsg').show();
        } else {
            $('.crossAudioTypeMsg').hide();
        }
    }

    $('.crossAudioSelect').on('change', toggleCrossAudioMsg);

    toggleCrossAudioMsg();
	
	$(".saveConf").on( "click", function() {
	  Sweetalert2.fire({
            title: 'Deseja realmente continuar?',
			html: 'Esta ação irá <b>parar suas transmissões</b> para que sejam salvas as configurações definidas',
            showDenyButton: false,
            showCancelButton: true,
			allowOutsideClick: false,
			allowEscapeKey: false,
            confirmButtonText: 'Confirmar',
            cancelButtonText: 'Cancelar',
        }).then((result) => {
            if (result.isConfirmed) {
			Sweetalert2.fire({
                title: 'Processando...',
                showConfirmButton: false,
                allowOutsideClick: false,
                allowEscapeKey: false
            });
            Sweetalert2.showLoading();
				$.post("{{ route('radio.sett.r.do') }}", { autodj_fade_time: $('select[name=autodj_fade_time]').val(), 
				autodj_fade_file: $('select[name=autodj_fade_file]').val(), autodj_codec: $('select[name=autodj_codec]').val(), 
				autodj_bitrate: $('select[name=autodj_bitrate]').val(), autodj_channel: $('select[name=autodj_channel]').val()
				,autodj_fade_type: $('select[name=autodj_fade_type]').val(),
				autodj_preset: $('select[name=autodj_preset]').val(),
				@if($streamData->port == '7810')
				autodj_live_end: $('select[name=autodj_live_end]').val(),
				@endif
				}, function( data ) {
						if(data.status){
							Sweetalert2.hideLoading();
							Sweetalert2.fire({
								icon: 'success',
								html: '<h6 class="mb-0">'+data.message+'</h6>',
								showConfirmButton: false,
								allowOutsideClick: false,
								allowEscapeKey: false,
								timer: 2600
							});
						}else{
							Sweetalert2.fire({
								icon: 'error',
								html: '<h6 class="mb-0">'+data.message+'</h6>',
								showConfirmButton: false,
								allowOutsideClick: false,
								allowEscapeKey: false,
								timer: 3250
							});
						}
					}, "json");
				}
        });
	});
</script>
</body>
</html>