@extends('layouts/master')
@section('title')
		<title>{{ empty($mod->pretty_name) ? $mod->name : $mod->pretty_name }} - Technic Solder</title>
@stop
@section('content')
<div class="page-header">
<h1>Mod Library</h1>
</div>
<div class="panel panel-default">
	<div class="panel-heading">
	@if (!empty($mod->pretty_name))
		{{ $mod->pretty_name }} <small>{{ $mod->name }}</small>
	@else
		{{ $mod->name }}
	@endif
	</div>
	<div class="panel-body">
		<ul class="nav nav-tabs" id="tabs">
						<li class="active"><a href="#versions" data-toggle="tab">Versions</a></li>
						<li><a href="#details" data-toggle="tab">Details</a></li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane fade" id="details">
				<br>
				@if ($errors->all())
					<div class="alert alert-danger">
					@foreach ($errors->all() as $error)
						{{ $error }}<br />
					@endforeach
					</div>
				@endif
				@if (Session::has('success'))
					<div class="alert alert-success">
						{{ Session::get('success') }}
					</div>
				@endif
				<form method="post" action="{{ URL::to('mod/modify/'.$mod->id) }}">
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
													<label for="pretty_name">Mod Name</label>
													<input type="text" class="form-control" name="pretty_name" id="pretty_name" value="{{ $mod->pretty_name }}">
											</div>
											<div class="form-group">
													<label for="name">Mod Slug</label>
													<input type="text" class="form-control" name="name" id="name" value="{{ $mod->name }}">
											</div>
											<div class="form-group">
													<label for="author">Author</label>
													<input type="text" class="form-control" name="author" id="author" value="{{ $mod->author }}">
											</div>
											<div class="form-group">
													<label for="description">Description</label>
													<textarea name="description" id="description" class="form-control" rows="5">{{ $mod->description }}</textarea>
											</div>
											<div class="form-group">
													<label for="link">Mod Website</label>
													<input type="text" class="form-control" name="link" id="link" value="{{ $mod->link }}">
											</div>
						</div>
					</div>
					{!! Form::submit('Save Changes', ['class' => 'btn btn-success']) !!}
					{!! Html::link('mod/delete/'.$mod->id, 'Delete Mod', ['class' => 'btn btn-danger']) !!}
					{!! Html::link('mod/list/', 'Go Back', ['class' => 'btn btn-primary']) !!}
				</form>
			</div>
			<div class="tab-pane fade in active" id="versions">
				<br>
				<p>Solder currently does not support uploading files directly to it. Your repository still needs to exist and follow a strict directory structure. When you add versions the URL will be verified to make sure the file exists before it is added to Solder. The directory structure for this mod is as follows:</p>
					<blockquote><strong>/mods/{{ $mod->name }}/{{ $mod->name }}-[version].zip</strong></blockquote>
				<table class="table">
					<thead>
						<th style="width: 1%"></th>
						<th style="width: 15%">Version</th>
						<th style="width: 25%">MD5</th>
						<th style="width: 35%">Download URL</th>
						<th style="width: 9%">Filesize</th>
						<th style="width: 15%"></th>
					</thead>
					<tbody>
						<tr id="add-row">
							<form method="post" id="add" action="{{ URL::to('mod/add-version') }}">
								<input type="hidden" name="mod-id" value="{{ $mod->id }}">
								<td></td>
								<td>
									<input type="text" name="add-version" id="add-version" class="form-control"></td>
								<td>
									<input type="text" name="add-md5" id="add-md5" class="form-control"></td>
								</td>
								<td><span id="add-url">N/A</span></td>
								<td>N/A</td>
								<td><button type="submit" class="btn btn-success btn-small add">Add Version</button></td>
							</form>
						</tr>
						@foreach ($mod->versions->sortByDesc('id') as $ver)
						<tr class="version" rel="{{ $ver->id }}">
							<form class="rehash-form" data-version-id="{{ $ver->id }}">
								<input type="hidden" name="version-id" value="{{ $ver->id }}">
								<td><i class="version-icon fa fa-plus" rel="{{ $ver->id }}"></i></td>
								<td class="version" rel="{{ $ver->id }}">{{ $ver->version }}</td>
								<td><input type="text" class="md5 form-control" name="md5" rel="{{ $ver->id }}" placeholder="{{ $ver->md5 }}"></td>
								<td class="url" rel="{{ $ver->id }}"><small><a href="{{ config('solder.mirror_url').'mods/'.$mod->name.'/'.$mod->name.'-'.$ver->version.'.zip' }}">{{ config('solder.mirror_url').'mods/'.$mod->name.'/'.$mod->name.'-'.$ver->version.'.zip' }}</a></small></td>
								<td class="filesize" rel="{{ $ver->id }}">{{ $ver->humanFilesize() }}</td>
								<td><button type="submit" class="btn btn-primary btn-xs" rel="{{ $ver->id }}">Rehash</button> <button class="btn btn-danger btn-xs delete" rel="{{ $ver->id }}">Delete</button>
							</form>
						</tr>
						<tr class="version-details" rel="{{ $ver->id }}" style="display: none">
							<td colspan="5">
								@if ($ver->builds->isEmpty())
								<p>Not used in any builds</p>
								@else
								<p>Builds used in:</p>
								<ul>
								@foreach ($ver->builds as $build)
									<li>{!! Html::link('modpack/view/'.$build->modpack->id,$build->modpack->name) !!} - {!! Html::link('modpack/build/'.$build->id,$build->version) !!}</li>
								@endforeach
								</ul>
								@endif
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
						</div>
		</div>
	</div>
</div>
@endsection
@section('bottom')
<script type="text/javascript">

var mirror_url = '{{ config("solder.mirror_url") }}';

$('#add-version').keyup(function() {
	$("#add-url").html('<a href="' + mirror_url + 'mods/{{ $mod->name }}/{{ $mod->name }}-' + $(this).val() + '.zip" target="_blank">' + mirror_url + 'mods/{{ $mod->name }}/{{ $mod->name }}-' + $(this).val() + '.zip</a>');
});

$('#add').submit(function(e) {
	e.preventDefault();
	console.log($("#add").serialize());
	if ($('#add-version').val() != "") {
		$.ajax({
			type: "POST",
			url: "{{ URL::to('mod/add-version/') }}",
			data: $("#add").serialize(),
			success: function (data) {
				if (data.status == "success") {
					$("#add-row").after('<tr><td></td><td>' + data.version + '</td><td>' + data.md5 + '</td><td><a href="' + mirror_url + 'mods/{{ $mod->name }}/{{ $mod->name }}-' + data.version + '.zip" target="_blank">' + mirror_url + 'mods/{{ $mod->name }}/{{ $mod->name }}-' + data.version + '.zip</a></td><td>' + data.filesize + '</td><td></td></tr>');
					$.jGrowl('Added mod version at ' + data.version, { group: 'alert-success' });
				} else if (data.status == "warning") {
					$("#add-row").after('<tr><td></td><td>' + data.version + '</td><td>' + data.md5 + '</td><td><a href="' + mirror_url + 'mods/{{ $mod->name }}/{{ $mod->name }}-' + data.version + '.zip" target="_blank">' + mirror_url + 'mods/{{ $mod->name }}/{{ $mod->name }}-' + data.version + '.zip</a></td><td>' + data.filesize + '</td><td></td></tr>');
					$.jGrowl('Added mod version at ' + data.version + ". " + data.reason, { group: 'alert-warning' });
				} else {
					$.jGrowl('Error: ' + data.reason, { group: 'alert-danger' });
				}
			},
			error: function (xhr, textStatus, errorThrown) {
				$.jGrowl(textStatus + ': ' + errorThrown, { group: 'alert-danger' });
			}
		})
	}
});

$('.version-icon').click(function() {
	$('.version-details[rel=' + $(this).attr('rel') + "]").toggle(function() {
		$('.version-icon[rel=' + $(this).attr('rel') + "]").toggleClass("fa-minus");
	});
});

$('.rehash-form').submit(function(e) {
	e.preventDefault();

	const versionId = this.dataset.versionId;

	const md5Field = $('.md5[rel=' + versionId + ']');
	const filesizeField = $('.filesize[rel=' + versionId + ']');

	md5Field.fadeOut();
	// md5Field.attr('placeholder', 'Rehashing...');

	$.ajax({
		type: "POST",
		url: "{{ url('mod/rehash') }}",
		data: $(this).serialize(),
		success: function (data) {
			if (data.status === "success") {
				$.jGrowl('MD5 hashing complete.', { group: 'alert-success' });
			} else if (data.status === "warning") {
				$.jGrowl('MD5 hashing complete. ' + data.reason, { group: 'alert-warning' });
			} else {
				$.jGrowl('Error: ' + data.reason, { group: 'alert-danger' });
			}
			md5Field.attr('placeholder', data.md5);
			filesizeField.html(data.filesize);
			md5Field.fadeIn();
		},
		error: function (xhr, textStatus, errorThrown) {
			$.jGrowl(textStatus + ': ' + errorThrown, { group: 'alert-danger' });
		}
	});
});

$('.delete').click(function(e) {
	e.preventDefault();
	$.ajax({
		type: "POST",
		url: "{{ URL::to('mod/delete-version') }}/" + $(this).attr('rel'),
		success: function (data) {
			if (data.status == "success") {
				$('.version[rel=' + data.version_id + ']').fadeOut();
				$('.version-details[rel=' + data.version_id + ']').fadeOut();
				$.jGrowl('Mod version ' + data.version + ' deleted.', { group: 'alert-success' });
			} else {
				$.jGrowl('Error: ' + data.reason, { group: 'alert-danger' });
			}
		},
		error: function (xhr, textStatus, errorThrown) {
			$.jGrowl(textStatus + ': ' + errorThrown, { group: 'alert-danger' });
		}
	});
});

</script>
@endsection