You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
2.7 KiB
71 lines
2.7 KiB
@extends('layouts.plain')
|
|
|
|
@section('content')
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-8">
|
|
<div class="card">
|
|
<h2 class="card-header">Select the Parking Stall Locations</h2>
|
|
<h4>{{ $image_name }}</h4><br>
|
|
|
|
<div class="card-body">
|
|
@if (session('status'))
|
|
<div class="alert alert-success" role="alert">
|
|
{{ session('status') }}
|
|
</div>
|
|
@endif
|
|
|
|
<img src="{{ asset('img/references/'.$image_name) }}" alt="" id="lotimage">
|
|
<script>
|
|
const jc = Jcrop.attach('lotimage',{
|
|
shadeColor: 'red',
|
|
multi: true
|
|
});
|
|
|
|
console.log(jc.active.pos)
|
|
</script>
|
|
<br>
|
|
|
|
<script>
|
|
function submit_coordinates(){
|
|
const crops = []
|
|
jc.crops.forEach((crop) => {
|
|
const coords = crop.pos
|
|
crops.push(coords)
|
|
})
|
|
console.log(crops)
|
|
|
|
const form = document.createElement('form')
|
|
form.method = "POST"
|
|
form.action = "{{ url('/lot/generate') }}"
|
|
|
|
const coords_element = document.createElement('input')
|
|
coords_element.name = "coords"
|
|
coords_element.value = JSON.stringify(crops)
|
|
form.appendChild(coords_element)
|
|
|
|
const csrf_element = document.createElement('input')
|
|
csrf_element.type = "hidden"
|
|
csrf_element.name = "_token"
|
|
csrf_element.value = "{{ csrf_token() }}"
|
|
form.appendChild(csrf_element)
|
|
|
|
const lot_element = document.createElement('input')
|
|
lot_element.type = "hidden"
|
|
lot_element.name = "lotid"
|
|
lot_element.value = "{{ $lot_id }}"
|
|
form.appendChild(lot_element)
|
|
|
|
document.body.appendChild(form)
|
|
form.submit()
|
|
}
|
|
</script>
|
|
|
|
<button onclick="submit_coordinates()">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|