@extends('layouts/master')
@section('title')
    <title>{{ $modpack->name }} - Technic Solder</title>
@stop
@section('content')
<h1>Build Management - {{ $modpack->name }}</h1>
<hr>
<div class="panel panel-default">
	<div class="panel-heading">
		<div class="pull-right">
			<a class="btn btn-primary btn-xs" href="{{ URL::to('modpack/add-build/'.$modpack->id) }}">Create New Build</a>
			<a class="btn btn-warning btn-xs" href="{{ URL::to('modpack/edit/'.$modpack->id) }}">Edit Modpack</a>
		</div>
	Build Management: {{ $modpack->name }}
	</div>
	<div class="panel-body">
		@if (Session::has('success'))
		<div class="alert alert-success">
			{{ Session::get('success') }}
		</div>
		@endif
		<div class="table-responsive">
		<table class="table table-striped table-bordered table-hover" id="dataTables">
			<thead>
				<tr>
					<th>#</th>
					<th>Build Number</th>
					<th>MC Version</th>
					<th>Mod Count</th>
					<th>Rec</th>
					<th>Latest</th>
					<th>Published</th>
					<th>Private</th>
					<th>Created on</th>
					<th>Actions</th>
				</tr>
			</thead>
			<tbody>
			@foreach ($modpack->builds->sortByDesc('id') as $build)
				<tr>
					<td>{{ $build->id }}</td>
					<td>{{ $build->version }}</td>
					<td>{{ $build->minecraft }}</td>
					<td>{{ $build->modversions_count }}</td>
					<td><input autocomplete="off" type="radio" name="recommended" value="{{ $build->version }}"{{ $modpack->recommended === $build->version ? " checked" : "" }}></td>
					<td><input autocomplete="off" type="radio" name="latest" value="{{ $build->version }}"{{ $modpack->latest === $build->version ? " checked" : "" }}></td>
					<td><input autocomplete="off" type="checkbox" name="published" value="1" class="published" rel="{{ $build->id }}"{{ $build->is_published ? " checked" : "" }}></td>
					<td><input autocomplete="off" type="checkbox" name="private" value="1" class="private" rel="{{ $build->id }}"{{ $build->private ? " checked" : "" }}></td>
					<td>{{ $build->created_at }}</td>
					<td>{!! Html::link('modpack/build/'.$build->id, "Manage",'class="btn btn-xs btn-primary"') !!} {!! Html::link('modpack/build/'.$build->id.'?action=edit', "Edit",'class="btn btn-xs btn-warning"') !!} {!! Html::link('modpack/build/'.$build->id.'?action=delete', "Delete",'class="btn btn-xs btn-danger"') !!}</td>
				</tr>
			@endforeach
			</tbody>
		</table>
		</div>
	</div>
</div>
@endsection
@section('bottom')
<script type="text/javascript">

$("input[name=recommended]").change(function() {
	$.ajax({
		type: "POST",
		url: "{{ URL::to('modpack/modify/recommended?modpack='.$modpack->id) }}&recommended=" + encodeURIComponent($(this).val()),
		success: function (data) {
			$.jGrowl(data.success, { group: 'alert-success' });
		},
		error: function (xhr, textStatus, errorThrown) {
			$.jGrowl(errorThrown, { group: 'alert-danger' });
		}
	});
});

$("input[name=latest]").change(function() {
	$.ajax({
		type: "POST",
		url: "{{ URL::to('modpack/modify/latest?modpack='.$modpack->id) }}&latest=" + encodeURIComponent($(this).val()),
		success: function (data) {
			$.jGrowl(data.success, { group: 'alert-success' });
		},
		error: function (xhr, textStatus, errorThrown) {
			$.jGrowl(errorThrown, { group: 'alert-danger' });
		}
	});
});

$(".published").change(function() {
	var checked = 0;
	if (this.checked)
		checked = 1;
	$.ajax({
		type: "POST",
		url: "{{ URL::to('modpack/modify/published') }}?build=" + $(this).attr("rel") + "&published=" + checked,
		success: function (data) {
			$.jGrowl(data.success, { group: 'alert-success' });
		},
		error: function (xhr, textStatus, errorThrown) {
			$.jGrowl(errorThrown, { group: 'alert-danger' });
		}
	})
});

$(".private").change(function() {
	var checked = 0;
	if (this.checked)
		checked = 1;
	$.ajax({
		type: "POST",
		url: "{{ URL::to('modpack/modify/private') }}?build=" + $(this).attr("rel") + "&private=" + checked,
		success: function (data) {
			$.jGrowl(data.success, { group: 'alert-success' });
		},
		error: function (xhr, textStatus, errorThrown) {
			$.jGrowl(errorThrown, { group: 'alert-danger' });
		}
	})
});

$(document).ready(function() {
    $('#dataTables').dataTable({
    	"order": [[ 0, "desc" ]]
    });
});

</script>
@endsection