@extends('admin._layouts.master')

@section('content')

    {!! Form::model($user, ['method' => 'POST']) !!}
    <div class="row">
        <div class="col-md-6">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">@transTitleCase('admin.settings.users.create.basic_info')</h3>
                </div>
                <div class="box-body">
                    {!! FormGroup::text('username', transUc('models.user.email'), null, ['class' => 'form-control']) !!}
                    {!! FormGroup::text('fullname', transUc('models.user.fullname')) !!}
                    <div class="row">
                        <div class="col-sm-6">
                            {!! FormGroup::password('password', transUc('models.user.password'), ["autocomplete" => "new-password"]) !!}
                            {!! FormGroup::password('password_confirmation', transUc('models.user.password_confirmation')) !!}
                        </div>
                        <div class="col-sm-6">
                            {!! FormGroup::password('pin', transUc('models.user.pin')) !!}
                            {!! FormGroup::password('pin_confirmation', transUc('models.user.pin_confirmation')) !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">@transTitleCase('admin.settings.users.create.permissions')</h3>
                </div>
                <div class="box-body">
                    <div class="list-group-item">
                        <ul class="list-unstyled">
                            @foreach(App\Models\User::$privilegeList as $privilege)
                                @if($user->hasPrivilege($privilege))
                                    <li>
                                        <i class="fa fa-check"></i> @transUcFirst("generic.privileges.$privilege")
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">@transTitleCase('generic.settings')</h3>
                </div>
                <div class="box-body">
                    {{------------------------------------------------------------------------------------------------------------- bool Settings --}}
                    @include('admin.settings._partials.bool-settings', ['model' => 'user'])
                    <hr>

                    {{----------------------------------------------------------------------------------------------------------- custom Settings --}}

                    {{-- target tracking section --}}
                    <div class="form-group">
                        <label for="_settings[target_tracking_section]" class="control-label">@transUc('generic.user_settings.target_tracking_section')</label>

                        {!! html()->select('_settings[target_tracking_section]', $targetTrackingSections, userSetting('target_tracking_section'))->class('form-control') !!}
                    </div>

                    {{-- ting tone --}}
                    <div class="form-group">

                        <label for="_settings[ring_tone]" class="control-label">@transUc('admin.settings.users.create.ring_tone')</label>

                        <div class="input-group">
                            <select class="form-control ring-tone-input" id="_settings[ring_tone]" name="_settings[ring_tone]">
                                <option value="01" {{ userSetting('ring_tone') == '01' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 01
                                </option>
                                <option value="02" {{ userSetting('ring_tone') == '02' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 02
                                </option>
                                <option value="03" {{ userSetting('ring_tone') == '03' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 03
                                </option>
                                <option value="04" {{ userSetting('ring_tone') == '04' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 04
                                </option>
                                <option value="05" {{ userSetting('ring_tone') == '05' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 05
                                </option>
                                <option value="06" {{ userSetting('ring_tone') == '06' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 06
                                </option>
                                <option value="07" {{ userSetting('ring_tone') == '07' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 07
                                </option>
                                <option value="08" {{ userSetting('ring_tone') == '08' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 08
                                </option>
                                <option value="09" {{ userSetting('ring_tone') == '09' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 09
                                </option>
                            </select>
                            <span class="input-group-btn">
                                <button class="btn btn-default test-ring-tone-btn" type="button"><i class="fa fa-play"></i>&nbsp; @transUc('admin.settings.users.create.try')</button>
                            </span>
                        </div>
                    </div>

                    {{-- getir ting tone --}}
                    <div class="form-group">

                        <label for="_settings[getir_ring_tone]" class="control-label">@transUc('admin.settings.users.create.getir_ring_tone')</label>

                        <div class="input-group">
                            <select class="form-control ring-tone-input" id="_settings[getir_ring_tone]" name="_settings[getir_ring_tone]">
                                <option value="01" {{ userSetting('getir_ring_tone') == '01' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 01
                                </option>
                                <option value="02" {{ userSetting('getir_ring_tone') == '02' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 02
                                </option>
                                <option value="03" {{ userSetting('getir_ring_tone') == '03' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 03
                                </option>
                                <option value="04" {{ userSetting('getir_ring_tone') == '04' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 04
                                </option>
                                <option value="05" {{ userSetting('getir_ring_tone') == '05' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 05
                                </option>
                                <option value="06" {{ userSetting('getir_ring_tone') == '06' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 06
                                </option>
                                <option value="07" {{ userSetting('getir_ring_tone') == '07' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 07
                                </option>
                                <option value="08" {{ userSetting('getir_ring_tone') == '08' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 08
                                </option>
                                <option value="09" {{ userSetting('getir_ring_tone') == '09' ? 'selected' : '' }}>
                                    @transUcFirst('admin.settings.users.create.ring_tone') 09
                                </option>
                            </select>
                            <span class="input-group-btn">
                                <button class="btn btn-default test-ring-tone-btn" type="button"><i class="fa fa-play"></i>&nbsp; @transUc('admin.settings.users.create.try')</button>
                            </span>
                        </div>
                    </div>

                    {{-- locale --}}
                    <div class="form-group">
                        <label for="_settings[locale]" class="control-label">@transUc('admin.settings.users.create.ui_language')</label>

                        <select class="form-control " id="_settings[locale]" name="_settings[locale]">
                            <option value="tr" {{ userSetting('locale') == 'tr' ? 'selected' : '' }}>TR - Türkçe</option>
                            <option value="en" {{ userSetting('locale') == 'en' ? 'selected' : '' }}>EN - English</option>
                            <option value="hu" {{ userSetting('locale') == 'hu' ? 'selected' : '' }}>HU - Hungarian</option>
                            <option value="ru" {{ userSetting('locale') == 'ru' ? 'selected' : '' }} disabled>RU - русский (скоро)</option>
                        </select>
                    </div>

                    {{-- timezone --}}
                    @formGroup(
                        transUc('admin.settings.users.create.ui_timezone'),
                        html()->select('_settings[timezone]', array_combine(config('timezones'), config('timezones')), userSetting('timezone') ?: companySetting('timezone'))->class('select2')->data('tags', 'false')
                    )

                    {{--                    <div class="form-group">--}}
                    {{--                        <label for="_settings[theme]" class="control-label">@transUc('admin.settings.users.create.ui_theme')</label>--}}

                    {{--                        <select class="form-control " id="_settings[theme]" name="_settings[theme]">--}}
                    {{--                            <option value="light" {{ userSetting('theme') == 'light' ? 'selected' : '' }}>Light</option>--}}
                    {{--                            <option value="dark" {{ userSetting('theme') == 'dark' ? 'selected' : '' }}>Dark</option>--}}
                    {{--                        </select>--}}
                    {{--                    </div>--}}
                    {{------------------------------------------------------------------------------------------------------------------------------}}
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div class="box box-primary">
                <div class="box-body">
                    <div class="pull-right">
                        <button class="btn btn-slim btn-success"><i class="fa fa-save"></i>&nbsp; @transUc('ui.create.update')</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}

    <audio id="ring_tone_audio">
        <source id="audio-src" src="" type="audio/mpeg">
    </audio>

@endsection

@push('scripts')
    <script>
        $(function () {
            var $audio    = $('#ring_tone_audio')
            var $audioSrc = $('#audio-src')
            var $playBtn  = $('.test-ring-tone-btn')

            $playBtn.click(function (e) {
                var $targetBtn = $(e.currentTarget)

                var selectedTone = $targetBtn.parent().siblings('.ring-tone-input').val()

                var audioSource = '/assets/firm/sounds/ring-tones/' + selectedTone + '.mp3'

                $audioSrc.attr('src', audioSource)

                $audio[0].pause()
                //suspends and restores all audio element
                $audio[0].load()
                $audio[0].oncanplaythrough = $audio[0].play()

                $playBtn.attr('disabled', true)

                setTimeout(function () {
                    $playBtn.attr('disabled', false)
                }, 1300)
            })
        })
    </script>
@endpush