@extends('layouts.admin', ['title' => 'ویرایش لینک کوتاه'])

@section('content') 
<h3>مدیریت لینک‌های کوتاه</h3>
<hr /> 
<h4>ویرایش لینک کوتاه</h4>

<div class="row">
	<div class="col-md-12">
		<form action="{{ url('admin/shortlinks/update')}}" method="post">
			<input type="hidden" name="_token" value="{{ csrf_token() }}">
			<input type="hidden" name="id" value="{{ $data->id }}">

			<div class="form-group">
				<label for="original_url">لینک اصلی</label>
				<input type="url" class="form-control" style="direction:ltr;text-align:right;" id="original_url" name="original_url" placeholder="https://example.com/page" value="{{ old('original_url', $data->original_url) }}">
				<span class="error">{{ $errors->first('original_url') }}</span>
			</div>

			<div class="form-group">
				<label for="short_code">عبارت انتهایی لینک کوتاه (یکتا)</label>
				<input type="text" class="form-control" style="direction:ltr;text-align:right;" id="short_code" name="short_code" placeholder="my-link" value="{{ old('short_code', $data->short_code) }}">
				<small class="help-block">لینک کوتاه شما: {{ url('/s/') }}/<span id="preview_code">{{ $data->short_code }}</span></small>
				<span class="error">{{ $errors->first('short_code') }}</span>
			</div>

			<div class="form-group">
				<label for="title">موضوع/عنوان</label>
				<input type="text" class="form-control" id="title" name="title" placeholder="عنوان لینک" value="{{ old('title', $data->title) }}">
				<span class="error">{{ $errors->first('title') }}</span>
			</div>

			<button type="submit" class="btn btn-primary">ذخیره</button>
			<a href="/admin/shortlinks" class="btn btn-default">بازگشت</a>

			@if(session('success'))
			<p class="alert alert-success" style="margin-top: 15px;">{{ session('success') }}</p>
			@endif
			@if(session('error'))
			<p class="alert alert-danger" style="margin-top: 15px;">{{ session('error') }}</p>
			@endif
		</form>
	</div>
</div>

<script>
document.getElementById('short_code').addEventListener('input', function(e) {
	var preview = document.getElementById('preview_code');
	if (e.target.value) {
		preview.textContent = e.target.value;
	} else {
		preview.textContent = '...';
	}
});
</script>

@stop