@extends('layout.masters')
@section('content')
<div id="page-wrapper">
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-10 col-md-8">
        <div class="page-title">
          <h3>App Build Details</h3>
        </div>
        <div class="table">
            <!-- <div class="custom-table header green">
                <div class="cell">Title</div>
                <div class="cell">Description</div>
            </div> -->
            <div class="custom-table">
                <div class="cell" data-title="Title">App Title</div>
                <div class="cell" data-title="Description">{{$app->app_title}}</div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">App Version</div>
                <div class="cell" data-title="Description">{{$app_build->app_version}}</div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">GIT Branch</div>
                <div class="cell" data-title="Description">{{$app_build->git_branch}}</div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">Build Folder</div>
                <div class="cell" data-title="Description">{{$app_build->build_folder}}</div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">Build Parameter</div>
                <div class="cell" data-title="Description">
                  <input type="text" id='build_parameter' value="{{$app_build->build_parameter}}"/>
                  <input type="text" hidden id="app_build_id" value="{{$app_build->app_build_id}}" >
                  <span style="margin-left:20px"><a class="btn btn-success btn-xs" type="button" id="submit_parameter">Submit Change</a></span>
                </div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">Build Sign</div>
                <div class="cell" data-title="Description">{{$app_build->sign_build}}</div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">Build Properties</div>
                <div class="cell" data-title="Description">
                  Key-Value:
                  <ul>
                    @foreach(@json_decode($prop['key_value'],true) as $data)
                      <li>{{$data['key']}} - {{$data['value']}}</li>
                    @endforeach
                  </ul>
                </div>
            </div>
            <div class="custom-table">
                <div class="cell" data-title="Title">Action</div>
                <div class="cell" data-title="Description">
                    <ul>
                        <li><span style="margin-left:20px"><a class="btn btn-success btn-xs" type="button" href="{{url('build-apk',$app_build->app_build_id)}}"><span class="fa fa-pencil"></span>Build APK</a></span></li>
                        <li><span style="margin-left:20px"><a class="btn btn-success btn-xs" type="button" href=""><span class="fa fa-pencil"></span>Download APK</a></span></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="buttons-container">
          <a href="{{url()->previous()}}" class="btn btn-formSubmit" type="button">Back</a>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
	$('#submit_parameter').click(function(e) {
		$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
        }
		});
		e.preventDefault();
		  var build_parameter = document.getElementById('build_parameter').value;
		  var app_build_id = document.getElementById('app_build_id').value;
			$.ajax({
			    type: "POST",
					headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
			    url: 'submit-parameter', // This is what I have updated
			    data: { 'app_build_id': app_build_id, 'build_parameter': build_parameter },
					datatype: 'json',
					beforeSend: function(){
				    // Show image container
						console.log("before send");
				    // $("#loader").show();
				  },
					success: function (data) {
						console.log("Return success");
	          location.reload();
	        },
	        error: function (data) {
	          console.log(data);
						// $("#loader").hide();
	        },
				  complete:function(data){
				    // Hide image container
				  }

			});
	});
	</script>
@endsection