IMMREX7
@extends('schools.school_layout')
@section('content')
<div class="row clearfix">
<div class="col-sm-12">
<div class="card">
<div class="header">
<h2><strong>Assign Fine</strong></h2>
</div>
@if(isset($msg))
<div class="alert alert-danger">
<strong> {{$msg}} </strong>
</div>
@endif
@if(isset($msg_success))
<div class="alert alert-success">
<strong> {{$msg_success}} </strong>
</div>
@endif
<div class="body">
<ul class="nav nav-tabs" style="border-bottom:1px solid #dee2e6;padding: 0px;margin-left: 16px;width: 300px;">
<li class="active">
<a href="#firsttab" style="margin-right:15px;margin-bottom:20px;font-size: 17px;color:#63b7df;font-weight: 600;" data-toggle="tab" class="active show">Flat Fine</a>
</li>
<li>
<a href="#secondtab" data-toggle="tab" style="color:#000;font-size: 17px;font-weight: 600;">Fine Per Day</a>
</li>
</ul>
<div class="tab-content" style="margin-top:30px;">
<div class="tab-pane active" id="firsttab">
{!! Form::open(['url' => 'school/libraryfines', 'class' => 'form-horizontal']) !!}
<div class="col-sm-8">
<div class="row clearfix">
<div class="col-sm-3 form-control-label">
<label for="classname">Free Allocation Day</label>
</div>
<div class="col-sm-5">
<div class="form-group">
{!! Form::text('freeAllocationDays',null,['class' => 'form-control','required'=>'required']) !!}
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-sm-3 form-control-label">
<label for="classname">Fine Amount</label>
<input type="hidden" name="action" value="flat"/>
</div>
<div class="col-sm-5">
<div class="form-group">
@if($flat)
{!! Form::text('flatfine',$flat->amount,['class' => 'form-control']) !!}
@else
{!! Form::text('flatfine',null,['class' => 'form-control']) !!}
@endif
<span id="feeheadamtdata"></span>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-sm-8 offset-sm-3">
{!! Form::submit('SAVE',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
{!! Form::close() !!}
</div>
</div>
</div>
</div>
<div class="tab-pane" id="secondtab">
{!! Form::open(['url' => 'school/libraryfines', 'class' => 'form-horizontal']) !!}
<div class="row clearfix">
<div class="col-sm-8">
<div class="row clearfix">
<div class="col-sm-3 form-control-label">
<label for="classname">Free Allocation Day</label>
</div>
<div class="col-sm-5">
<div class="form-group">
{!! Form::text('freeAllocationDays',null,['class' => 'form-control','required'=>'required']) !!}
</div>
</div>
</div>
<input type="hidden" name="action" value="per"/>
<table class="table" id="header_table">
<thead>
<tr>
<th></th>
<th>Upto Days</th>
<th>Amount</th>
<th></th>
</tr>
</thead>
<tbody id="optional_list">
<?php $i = 1; ?>
@if(isset($per) && sizeof($per)>0)
@foreach ($per as $fine)
<tr>
<td class="sno">{{$i}}</td>
<td>
{!! Form::text('fine[1][days]',$fine->days,['class' => 'form-control','required'=>'required']) !!}
<span id="headererror1"></span>
</td>
<td>
{!! Form::number('fine[1][amount]',$fine->amount,['class' => 'form-control','required'=>'required','id'=>"amount_fine"]) !!}
<span id="amounterror1"></span>
</td>
<td style="text-align:right;vertical-align: middle;"><input type="button" class="btn btn-sm btn-danger" value="Delete" data-id="<?php echo $fine->idFine; ?>"></td></tr>
<?php $i++; ?>
</tr>
@endforeach
@else
<tr>
<td class="sno">{{$i}}</td>
<td>
{!! Form::text('fine[1][days]',null,['class' => 'form-control','required'=>'required']) !!}
<span id="headererror1"></span>
</td>
<td>
{!! Form::number('fine[1][amount]',null,['class' => 'form-control','required'=>'required','id'=>"amount_fine"]) !!}
<span id="amounterror1"></span>
</td>
</tr>
@endif
<?php $i++; ?>
</tbody>
<tr>
<td colspan="4" style="text-align: right"><input type="button" class="add-row btn btn-sm btn-success" value="Add Row"></td>
</tr>
</table>
</div>
</div>
<div class="row clearfix">
<div class="col-sm-8 offset-sm-2">
{!! Form::submit('SAVE',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
{!! Form::close() !!}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@stop
@section('script')
<script>
$(document).ready(function() {
$('.nav-tabs a').on('shown.bs.tab', function(event){
$(event.target).css('color','#63b7df');
$(event.relatedTarget).css('color','black');
});
var i = $('.sno:last').text();
$(".add-row").click(function(){
i++;
var markup = '<tr><td class="sno">'+i+'</td>\
<td><input class="form-control" type="text" name="fine['+i+'][days]" required="required"><span id="headererror'+i+'"></span></td>\n\
<td><input class="form-control" type="number" name="fine['+i+'][amount]" required="required" id="amount_'+i+'"><span id="amounterror'+i+'"></span></td>\n\
<td style="text-align:right;vertical-align: middle;"><input type="button" class="btn btn-sm btn-danger" value="Delete" id="remove_row"></td></tr>';
$("#optional_list").append(markup);
});
$('#optional_list').on('click', 'input[type="button"]', function (e) {
if($(this).data('id')==undefined){
$(this).closest('tr').remove();
i = $('.sno:last').text();
}else{
e.preventDefault();
deleteFine($(this).data('id'));
}
});
});
function deleteFine(id){
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var id = id;
swal({
title: "Are you sure?",
text: "Are You sure you want to delete this fine!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!",
closeOnConfirm: true
},
function() {
// console.log('here');
$.ajax({
type: "DELETE",
url: "{{url('/school/libraryfines/')}}" +"/"+id,
data: {id:id}
})
.done(function(data) {
swal({
title: "Deleted",
text: "Fine has been successfully deleted",
type: "success"
},function() {
location.reload();
});
})
.error(function(data) {
swal("Oops", "We couldn't connect to the server!", "error");
});
return false;
});
}
</script>
@stop
Copyright © 2021 -