@extends('admin.template.master')

@section('title')
    <section class="content-header">
        <h1>
            B2B App Version Setting
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">B2B App Version Setting</li>
        </ol>
    </section>
@endsection

@section('stylesheets')
    {!! Html::style('assets/admin/bower_components/select2/dist/css/select2.min.css') !!}
@endsection

@section('main-content')
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="box box-primary">

                    <div class="box-header with-border">
                        <h3 class="box-title"></h3>
                        <div class="box-tools pull-right">
                            {{-- <a class="btn btn-xs btn-primary" href="{{ url('/admin/b2b-order/'. $order_id  ) }}">
                                <i class="fa fa-arrow-left"></i> Go Back
                            </a>--}}
                        </div>
                    </div>


                    @if(Session::has('message'))
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="alert alert-success alert-dismissible">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                                {{Session('message')}}
                            </div>
                        </div>
                    </div>
                    @endif


                    <div class="box-body">

                        <div class="form-group">
                            <label for="platform">Platform</label>
                            <select name="platform" class="form-control desktop_b_type_select2" id="platform">
                                @foreach($platforms as $key => $value)
                                <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            {!! Form::label('app_version','B2B App Version' ) !!}
                            {!! Form::text('app_version',  null, ['class' => 'form-control', 'placeholder' => 'B2B App Version', 'id' => 'app_version']) !!}
                        </div>

                        <div class="form-group">
                            {!! Form::label('download_url','B2B App Download URL') !!}
                            {!! Form::text('download_url', null, ['class' => 'form-control', 'placeholder' => 'B2B App Download URL', 'id' => 'download_url']) !!}
                        </div>

                    </div>

                    <div class="box-footer">
                        {!! Form::button('Update',['class' => 'btn btn-primary' , 'id' => 'app_version_update_form']) !!}
                    </div>


                </div>
            </div>
        </div>
    </section>
@endsection

@section('javascripts')
    {!! Html::script('assets/admin/bower_components/select2/dist/js/select2.full.min.js') !!}
    <script type="text/javascript">
        $("#platform").select2();

        function reset() {
            $('#app_version').val('');
            $('#download_url').val('');
        }

        $(document).on("change", "#platform", function() {
            let platform = $(this).val();
            console.log('platform >> ', platform);
            if (platform !== '') {

                $.ajax({
                    type: 'GET',
                    url: "{{ url('/admin/getVersionDetails') }}/" + platform ,
                    success: function(res) {
                        console.log('result >> ', res.donwload_url);
                        reset();
                        $('#app_version').val(res.app_version);
                        $('#download_url').val(res.donwload_url);
                    }
                });
            }
        });


        $(document).on("click", "#app_version_update_form", function() {
            let platform     = $('#platform').val();
            let app_version  = $('#app_version').val();
            let download_url = $('#download_url').val();
            if (platform === ''){
                alert("Platform required");
            } else if(app_version === '') {
                alert("App Version required");
            }
            else if(download_url === '') {
                alert("Download URL required");
            } else {
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });

                let conf = confirm('Are you sure want to update information?');
                if (conf) {
                    $.ajax({
                        type:"POST",
                        url: "{{ url('/admin/appVersionSetting') }}",
                        data: "platform="+platform+"&app_version="+app_version+"&download_url="+download_url,
                        success: function(res) {
                            console.log(res);
                            if (res.success) {
                                alert(res.msg);
                            }
                            // reset();
                        }
                    });
                }
            }
        });

    </script>
@endsection