@extends('layouts.main_layout')

@section('title', $label)
@section('icon-breadcrumbs',$icon)

@section('content')
{{ Breadcrumbs::render('parameter.'.$type,$data) }}

<div class="row">
    <div class="col-sm-6">
        <div class="card">
            <div class="card-header text-primary font-weight-bold">
                <i class="fas fa-mobile-alt"></i> &nbsp;Android
            </div>
            <div class="card-body">
                <div class="form-group">
                    <input type="text" value="{{ $parameter->value1 }}" class="form-control tags" placeholder="....." autocomplete="off" />
                </div>

                <button type="button" class="btn btn-primary btn-sm btn-save" data-device="android">
                    UPDATE
                </button>
            </div>
        </div>
    </div>
    <div class="col-sm-6">
        <div class="card">
            <div class="card-header text-primary font-weight-bold">
                <i class="fas fa-mobile-alt"></i> &nbsp;IOS
            </div>
            <div class="card-body">
                <div class="form-group">
                    <input type="text" value="{{ $parameter->value2 }}" class="form-control tags" placeholder="....." autocomplete="off" />
                </div>

                <button type="button" class="btn btn-primary btn-sm btn-save" data-device="ios">
                    UPDATE
                </button>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<link rel="stylesheet" href="{{ asset('libraries/tags-input/jquery.tagsinput.css') }}" />
@endpush

@push('scripts')
<script src="{{ asset('libraries/tags-input/jquery.tagsinput.js') }}"></script>

<script>
$(document).ready(function(){
    $(".tags").tagsInput({
        width: "100%",
        height: "auto",
        delimiter: ",",
        defaultText: "Add New"
    })

    $(".btn-save").click(function(){
        var formdata = { 
            device: $(this).data("device"), 
            version: $(this).closest(".card-body").find(".tags").val(),
            _token: token 
        }

        $.ajax({
            type: "POST",
            url: "{{ route('parameter.version.update') }}",
            data: formdata,
            dataType: "json",
            success: function (response) {
                setNotifsuccess(response.message, false)
            },
            error: function (xhr, ajaxOptions, thrownError) {
                ajaxError(xhr.status)
            }
        })
    })
})
</script>
@endpush