@extends('panel.layout.base')

@section('title',$title)

@section('content')
    <div class="row">
        <div class="col-md-12 col-xl-12 col-xs-12 col-sm-12">
            {!! \App\Metha\TMethaForm::open([
                'method' => 'POST',
                'action' => $action
            ]) !!}
            @csrf
            <div class="card">
                <div class="card-body">
                    @if($errors->any())
                        @foreach($errors->all() as $error)
                            <div class="alert alert-danger mg-b-0 alert-dismissible fade show" role="alert">
                                <strong>{{ $error }}</strong>
                            </div>
                            <br>
                        @endforeach
                        <br>
                    @endif

                    <div class="form-group">
                        <div class="panel panel-primary tabs-style-2">
                            <div class=" tab-menu-heading">
                                <div class="tabs-menu1">
                                    <!-- Tabs -->
                                    <ul class="nav panel-tabs main-nav-line">
                                        @foreach(\App\Models\Language::all()->where('status','Y')->toArray() as $index => $item)
                                            <li><a href="#{{ $item['code'] }}" class="nav-link {{ $index == 0 ? 'active' : null }}" data-bs-toggle="tab">{{ $item['language'] }}</a></li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                            <div class="panel-body tabs-menu-body main-content-body-right border">
                                <div class="tab-content">
                                    @foreach(\App\Models\Language::all()->where('status','Y')->toArray() as $index => $item)
                                        <div class="tab-pane {{ $index == 0 ? 'active' : null }}" id="{{ $item['code'] }}">
                                            {!! $form['lang'][$item['code']] !!}
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-2">
                            <div class="form-group">
                                <label>Oyun</label>
                                <select name="game_id" class="form-control">
                                    <option value="all">Tüm Oyunlar</option>
                                    @foreach(\App\Models\Game::all()->toArray() as $item)
                                        <option value="{{ $item['id'] }}">{{ $item['title'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-2">
                            <div class="form-group">
                                <label>İşlem</label>
                                <select name="action" class="form-control">
                                    <option value="all">Tüm İşlemler</option>
                                    <option value="coin">Coin</option>
                                    <option value="account">Hesap</option>
                                    <option value="boost">Boost</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-2">
                            <div class="form-group">
                                <label>Kazanım Türü</label>
                                <select name="draw_buy_type" class="form-control">
                                    <option value="quantity">Adet</option>
                                    <option value="price">Para</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-6" data-action="quantity">
                            <div class="form-group">
                                <label>Kaç K kadar coins alımında bilet hakkı kazanılsın?</label>
                                <input type="number" name="draw_buy_value-quantity" class="form-control">
                            </div>
                        </div>
                        <div class="col-4" data-action="price" style="display: none;">
                            <div class="form-group">
                                <label>Kaç birim kadar coins alımında bilet hakkı kazanılsın?</label>
                                <input type="text" name="draw_buy_value-price" class="form-control">
                            </div>
                        </div>
                        <div class="col-2" data-action="price" style="display: none;">
                            <div class="form-group">
                                <label>Para Birimi</label>
                                <select name="currency_id" class="form-control">
                                    @foreach(\App\Models\Currency::all()->toArray() as $item)
                                        <option value="{{ $item['id'] }}">{{ $item['title'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-7">
                            <div class="form-group">
                                <label>Çekiliş Kodu</label>
                                <input type="text" name="draw_code" class="form-control" value="{{ $data['draw_code'] }}">
                            </div>
                        </div>
                        <div class="col-2">
                            <div class="form-group">
                                <label style="color: white;">Kod Üret</label>
                                <button type="button" class="btn btn-purple btn-block" data-type="random">Kod Üret</button>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="form-group">
                                <label>Kampanya Kodu İle Birlikte</label>
                                <select class="form-control" name="campaign_state">
                                    <option value="no">Kullanılamaz</option>
                                    <option value="yes">Kullanılabilir</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label>Kazanacak Kişi Sayısı</label>
                                <input type="number" name="winning_count" class="form-control">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Kişi Sayısı (Sınırsız katılım için boş bırakınız.)</label>
                                <input type="number" name="max_participation" class="form-control">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Çekiliş Sahibi [Kullanıcı Profili]</label>
                                <select name="user_id" class="form-control select2">
                                    <option value="null">Lütfen seçim yapınız...</option>
                                    @foreach(\App\Models\User::with('userRole','userRole.role')->get()->toArray() as $item)
                                        @if(isset($item['user_role']['role_id']))
                                            @if($item['user_role']['role_id'] == 1 || $item['user_role']['role_id'] == 2)
                                                <option value="{{ $item['id'] }}">{{ sprintf('%s || %s || %s',$item['username'],$item['name'],isset($item['user_role']['role']) ? $item['user_role']['role']['title'] : 'Belirsiz') }}</option>
                                            @endif
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Çekiliş Sahibi [Yayıncı Profili]</label>
                                <select name="streamer_code" class="form-control select2">
                                    <option value="null">Lütfen seçim yapınız...</option>
                                    @foreach(\App\Models\Streamer::all()->toArray() as $item)
                                        <option value="{{ $item['code'] }}">{{ $item['name'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <label>Çekiliş Süresi</label>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <input type="date" name="start_date" class="form-control" placeholder="Başlangıç">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <input type="date" name="end_date" class="form-control" placeholder="Bitiş">
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <label>Çekiliş Görseli</label>
                                <input type="file" name="image" class="form-control">
                            </div>
                        </div>
                    </div>
                        <h3>Çekiliş Videoları <button type="button" class="btn btn-sm btn-primary" data-type="add"><i class="fa fa-plus"></i> </button> </h3>
                        <br>
                        <p><b>NOT: </b> Videoların otomatik belirtilen sürede başlaması için, video URL'inin sonuna &t=15 (süre) yazmanız gerekecektir.</p>
                        <hr>

                    <div data-type="videoList">
                        <div class="row mb-3" data-type="videoItem" data-pattern>
                            <div class="col-10">
                                <input type="text" name="video[]" class="form-control" placeholder="Video Kaynağı">
                            </div>
                            <div class="col-2">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-danger" data-type="remove"><i class="fa fa-trash"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <div class="btn-group">
                        <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Kaydet</button>
                        <a href="{{ $links['list'] }}" class="btn btn-warning"><i class="fa fa-arrow-alt-circle-left"></i> Geri Dön</a>
                        @if(isset($links['raffle']))
                            <a href="{{ $links['raffle'] }}" class="btn btn-info text-white"><i class="fa fa-chart-pie"></i> Çekiliş Yap</a>
                        @endif
                    </div>
                </div>
            </div>
            {!! \App\Metha\TMethaForm::close() !!}
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function(){
            var methaUploadType = $('<input>').attr({
                name: 'upload_type',
                type: 'text',
                style: 'display: none',
            });
            var formCard = $('form').find('.card-body');
            $(formCard).append($(methaUploadType));

            /*$('[name="banner"]').attr('data-default-file','/storage/blog/SET_IMAGE');*/

            $('[name="image"]').dropify({
                messages: {
                    'default': '{{ __('general.upload.drag-drop') }}',
                    'remove': '{{ __('general.button.remove') }}',
                },
                error: {
                    'fileSize': '{{ __('general.max-size') }}'
                },
                metha: {'input':'image','alert': function(){
                        Swal.fire({
                            title: '{{ __('general.alert.title') }}',
                            text: '{{ sprintf(__('general.alert.delete.message'),'görseli') }}',
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            cancelButtonText: '{{ __('general.alert.cancel') }}',
                            confirmButtonText: '{{ __('general.alert.confirm') }}',
                        }).then((result) => {
                            if (result.isConfirmed) {
                            @if(isset($script_data))
                            $.ajax({
                                url: '{{ route('api.blog.image.delete') }}',
                                type: 'DELETE',
                                data:{code: '{{ $script_data['code'] }}'},
                                success: function(result)
                                {
                                    if(result.code == 200)
                                    {
                                        Swal.fire(
                                            '{{ __('general.alert.success.title') }}',
                                            '{{ __('general.delete.success.message') }}',
                                            'success'
                                        )
                                    }else{
                                        Swal.fire(
                                            '{{ __('general.alert.fail.title') }}',
                                            '{{ __('general.delete.fail.message') }}',
                                            'danger'
                                        )
                                    }
                                }
                            });
                            @endif
                        }
                    })
                    }}
            });

            function addClone(data)
            {
                var element = $('[data-pattern]').clone();
                $(element).removeAttr('data-pattern').appendTo($('[data-type="videoList"]'));

                $(element).find('[type="text"]').val(data.data);
            }

            $('[data-type="add"]').on('click', function(){
                addClone({});
                /*$('[data-type="videoItem"]')[0].find('[data-type="remove"]').attr({
                    disabled: true
                });*/


                $('[data-type="remove"]').click(function(){
                    $(this).closest('[data-type="videoItem"]').remove();
                });
            });

            function randomCode(length) {
                var chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
                var code = "";
                for (var i = 0; i < length; i++) {
                    code += chars.charAt(Math.floor(Math.random() * chars.length));
                }
                return code;
            }

            $('[data-type="random"]').on('click', function(){
                var code = randomCode(8);
                $('[name="draw_code"]').val(code);
            });


            var datas = {!! json_encode($data) !!};
            $.each(datas, function(key,value){
                if(key == 'other')
                {
                    $.each(value.videos, function(_index, _video){
                        addClone({
                            data: _video
                        })
                    });
                }else if(key == 'draw_buy_type')
                {
                    if(value == 'quantity')
                    {
                        $('[data-action="quantity"]').show();
                        $('[data-action="price"]').hide();
                        $('[name="draw_buy_value-quantity"]').val(datas.draw_buy_value).change();
                    }else if(value == 'price')
                    {
                        $('[data-action="quantity"]').hide();
                        $('[data-action="price"]').show();
                        $('[name="draw_buy_value-price"]').val(datas.draw_buy_value).change();
                        $('[name="currency_id"]').val(datas.currency_id).change();
                    }

                    $('[name="draw_buy_type"]').val(value).change();
                }else{
                    $('[name="' + key + '"]').val(value).change();
                }
            });

            $('[name="draw_buy_type"]').on('change', function(){
                if($(this).val() == 'quantity')
                {
                    $('[data-action="quantity"]').show();
                    $('[data-action="price"]').hide();
                }else if($(this).val() == 'price')
                {
                    $('[data-action="quantity"]').hide();
                    $('[data-action="price"]').show();
                }
            });
        });
    </script>
@endsection