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/north/fine', 'class' => 'form-horizontal']) !!}
                    <div class="col-sm-8">
                      <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
                                    @if ($errors->has('idFeehead'))
                                    <label id="minmaxlength-error" class="error" for="minmaxlength">
                                        <strong>{{ $errors->first('idFeehead') }}</strong>
                                    </label>
                                    @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>
                        {{ Form::close() }}
                    </div>
                    
                    <div class="tab-pane" id="secondtab">
                        {!! Form::open(['url' => 'school/north/fine', 'class' => 'form-horizontal']) !!}
                    <div class="row clearfix">
                       <div class="col-sm-8">    
                     <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 feeheader!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes, delete it!",
            closeOnConfirm: true
        },
        function() {
         //   console.log('here');
            $.ajax({
                type: "DELETE",
                url: "{{url('/school/north/fine/')}}" +"/"+id,
                data: {id:id}
                       
            })
            .done(function(data) {
                swal({
                    title: "Deleted", 
                    text: "Feehead 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