@extends('layouts/ums_layout')
@section('title', '| New Room')
@section('content')

<div class="row add-data-form"  style="padding-bottom: 1%">
 <div class="col-md-12 fullbody">
  <div class="viewTitle" style="border-bottom: 1px solid white;">
    <a href="{{url('ums/viewBookedAdTestRoom/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
    </i>Booked Room List</a>
    <a href="{{url('ums/viewBookedAdTestRoom/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
    </i>Available Room List</a>
  </div>
          
  <div class="row">
    <div class="col-md-12">
	   <div class="panel panel-default panel-border">
		<div class="panel-heading"><div class="panel-title">Applicant Seat Entry</div></div>
    	<div class="panel-body"><div class="row"><div class="col-md-8">
        <!-- Display Room Details -->
            <div class="row">
                <div class="col-md-3">
                    <strong>Building Name : </strong>{{$availableRoom->buildingName}}
                </div> 
                <div class="col-md-3">
                    <strong>Building No. : </strong> {{$availableRoom->buildingNo}}
                </div> 
                <div class="col-md-3">
                    <strong>Floor No. : </strong> {{$availableRoom->floor}}
                </div>
                <div class="col-md-3">
                    <strong>Category :</strong>  {{$availableRoom->categoryName}}
                </div> 
            </div>

            <div class="row" style="border-bottom: 1px #ccc solid; padding-bottom: 5px;margin-bottom: 5px;">
                <div class="col-md-3">
                    <strong>Room No. :</strong> {{$availableRoom->roomNo}}
                </div> 
                <div class="col-md-3">
                    <strong>Room Name :</strong> {{$availableRoom->name}}
                </div> 
                <div class="col-md-3">
                    <strong>Capacity :</strong> {{$availableRoom->capacity}}
                </div>
            </div>
            <!-- Form -->
            <div class="row">
                <div class="col-md-12">
                    <form class="form-horizontal form-groups" id="addATForm">
                        <div class="form-group">
                            {!! Form::label('departmentId', 'Department:', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-3">
                               <select class ="form-control" id = "departmentId" name="departmentId" required="true">
                                    <option value="">Select one</option>
                                    @foreach($departments as $department)
                                    <option value="{{$department->id}}">{{$department->name}}</option>
                                    @endforeach
                                </select>
                                <p id='departmentIde' style="max-height:3px;"></p>
                            </div>
                            {!! Form::label('programId', 'Program:', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-3">
                               <select class ="form-control" id = "programId" name="programId" required="true">
                                    <option value="">Select one</option>
                                   
                                </select>
                                <p id='programIde' style="max-height:3px;"></p>
                            </div>
                        </div>            
                        <div class="form-group">
                            {!! Form::label('trackingNoFrom', 'Tracking No. From:', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-3">
                                {!!  Form::text('trackingNoFrom', $value = null, ['class' => 'form-control', 'id' => 'trackingNoFrom', 'type' => 'text','placeholder' => 'Enter trackingNoFrom','required'=>true]) !!}
                                <p id='amountJVe' style="max-height:3px; color:red;"></p>
                            </div> 

                            {!! Form::label('trackingNoTo', 'Tracking No. To:', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-3">
                                {!!  Form::text('trackingNoTo', $value = null, ['class' => 'form-control', 'id' => 'trackingNoTo', 'type' => 'text','placeholder' => 'Enter trackingNoTo','required'=>true]) !!}
                                <p id='amountJVe' style="max-height:3px; color:red;"></p>
                            </div>
                            <input type="hidden"id="allTrackingNo" name="allTrackingNo"></td>
                        </div>
                        <div class="form-group">
                            {!! Form::label('totalApplicant', 'Total Applicant:', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-3">
                                {!!  Form::text('totalApplicant', $value = null, ['class' => 'form-control', 'id' => 'totalApplicant', 'type' => 'text','placeholder' => '0','readonly'=>true]) !!}
                                <p id='amountJVe' style="max-height:3px; color:red;"></p>
                            </div> 
                            <div style="padding-right: 30px;padding-left: 30px;">
                                <button class="btn btn-info" id="addAT" style="float: right; " type="button">Add</button>
                                <button class="btn btn-info" id="checkAT" style="float: right; " type="button">Check</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        <!-- Display Table -->
            <div class="row" style="padding-bottom: 20px">
                <div class="col-md-12" style="padding: 0px 25px 0px 25px; " >
                    {!! Form::open(array('url' => '', 'id' => 'addAddmissinonTestForm', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}
                    <table id="addAddmissinonTestTable" class="table table-striped table-bordered">
                        <thead>
                        <tr id="headerRowAT">
                            <th style="padding: 10px 5px; width: 20%; text-align:center;">Department</th>
                            <th style="padding: 10px 5px; width: 25%; text-align:center;">Program</th>
                            <th style="padding: 10px 5px; width: 15%; text-align:center;">From</th>
                            <th style="padding: 10px 5px; width: 15%; text-align:center;">To</th>
                            <th style="padding: 10px 5px; width: 10%; text-align:center;" >Total</th>
                            <th style="padding: 10px 5px; width: 10%; text-align:center;">Actions</th>
                        </tr>
                        </thead>
                        <tbody> 
                        </tbody>
                    </table>
                    <p id='headerRowATe' style="max-height:3px; color: red;"></p>
                    <div class="form-group">
                        <input type="hidden" name="roomId" value="{{$availableRoom->id}}">
                        <input type="hidden" name="trimesterId" value="{{$trimesterId->id}}">
                        {!! Form::label('submit', ' ', ['class' => 'col-sm-3 control-label']) !!}
                        <div class="col-sm-9 text-right">
                            {!! Form::submit('submit', ['id' => 'add', 'class' => 'btn btn-info']) !!}
                            {{ Form::reset('Reset', ['class' => 'btn btn-warning']) }}
                            <a href="{{url('ums/viewDepartment/')}}" class="btn btn-danger closeBtn">Close</a>
                            <span id="success" style="color:green; font-size:16px;" class="pull-right"></span>
                        </div>
                    </div>
                    {!! Form::close()  !!}
                </div>
        </div></div><div id="showTrackingNo" class="col-md-4">sdfsdfdf</div>  
            
    </div>
  </div>
 </div>
        <div class="footerTitle" style="border-top:1px solid white"></div>
 </div>
</div>
@endsection 

<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>

<script type="text/javascript">
$(document).ready(function(){
        var roomCapacity = parseInt(<br />
<b>Warning</b>:  Undefined variable $availableRoom in <b>/home/shikkhaplus/public_html/resources/views/ums/admission/admissionTestRoom/addAdmissionTestRoom.blade.php</b> on line <b>144</b><br />
<br />
<b>Warning</b>:  Attempt to read property "capacity" on null in <b>/home/shikkhaplus/public_html/resources/views/ums/admission/admissionTestRoom/addAdmissionTestRoom.blade.php</b> on line <b>144</b><br />
);
        var trimesterId = parseInt(<br />
<b>Warning</b>:  Undefined variable $trimesterId in <b>/home/shikkhaplus/public_html/resources/views/ums/admission/admissionTestRoom/addAdmissionTestRoom.blade.php</b> on line <b>145</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>/home/shikkhaplus/public_html/resources/views/ums/admission/admissionTestRoom/addAdmissionTestRoom.blade.php</b> on line <b>145</b><br />
);
        var applicantByDeptG = [];
        function checkCapacity(sumRoompplicant){

            sumRoompplicant = parseInt(sumRoompplicant);
            $('.totalApplicantSum').each(function(){
                sumRoompplicant += parseInt($(this).val());  
            });

            if(sumRoompplicant > roomCapacity){
               return true;
            }
            return false;
        }
        function checkChange(){
        //$("#totalApplicant").val();

            var trackingNoFrom      = $("#trackingNoFrom").val();
            var trackingNoTo        = $("#trackingNoTo").val();
            var trackingNoFromVal   = $("#app-"+trackingNoFrom).data('tracknovalue');
            var trackingNoToVal     = $("#app-"+trackingNoTo).data('tracknovalue');
            var totalApplicantVal   = (trackingNoToVal - trackingNoFromVal) + 1;
            var allTrackingNo       = [];



            for (i = trackingNoFromVal-1; i < trackingNoToVal; i++) { 
                console.log(i)
                //allTrackingNo[] = applicantByDeptG[i];
                allTrackingNo.push(applicantByDeptG[i]);

            }
                                //  console.log(allTrackingNo);

            if(totalApplicantVal >= 1 ){
                $("#totalApplicant").val(totalApplicantVal);
                $("#allTrackingNo").val(allTrackingNo.toString());
            }
        }
         
// =================Form Submit=============================

        $('form#addAddmissinonTestForm').submit(function( event ) {
            event.preventDefault();
            if(checkCapacity(0)){
                alert("Total Applicant exists Room Capacity");
            }else{
                $.ajax({
                     type: 'post',
                     url: '{{url('ums/addApplicantRoom/')}}',
                     data: $('form').serialize(),
                     dataType: 'json',
                    success: function( _response ){
                        if (_response.accessDenied) {
                            showAccessDeniedMessage();
                            return false;
                        }
                        window.location.href = '{{url('ums/viewAvAdTestRoom/')}}';
                    },
                    error: function( _response ){
                        // Handle error
                        //console.log(_response.errors);
                    }
                });
            }
        });

// =================Get program By department=============================

        $( "#departmentId" ).change(function() {

            var departmentId    = $(this).val();
            var csrf            = "{{csrf_token()}}";
            $.ajax({
                type: 'post',
                url: '{{url('ums/getProgramByDepartment/')}}',
                data: { departmentId: departmentId, _token: csrf},
                dataType: 'json',
                success: function (data) {
                    //console.log(JSON.stringify(data));
                  if (data) {
                      $("#programId").empty();
                      $('#programId').append('<option value=0>Select One</option>');
                      $.each(data, function (index, value) {
                        $('#programId').append('<option value='+value.id+'>'+value.name+'</option>');
                      }); 
                            
                  }
                },
                error: function(_response){
                    alert("Error");
                }
            });
  });
// =================Get Trackin No. By Program=============================

        $( "#programId" ).change(function() {
            $( "div#showTrackingNo" ).empty();

            var programId    = $(this).val();
            var csrf         = "{{csrf_token()}}";
            $.ajax({
                type: 'post',
                url: '{{url('ums/getApplicantByProgram/')}}',
                data: { programId: programId,roomCapacity: roomCapacity,trimesterId: trimesterId, _token: csrf},
                dataType: 'json',
                success: function (data) {
                    //console.log(JSON.stringify(data));
                    var showTrackingNoDiv = '';

                    if(data.responseText){
                        alert(data.responseText);
                        }else if (data) {
                            applicantByDeptG = data['applicantByDept'];
                            $("#totalApplicant").val(data['totalApplicantByDept']);
                            $("#trackingNoFrom").val(data['firstApplicantByDept']);
                            $("#trackingNoTo").val(data['lastApplicantByDept']);

                            showTrackingNoDiv = '<table id="showAddmissinonTestTable" class="table table-striped table-bordered">'
                            +'<thead>'
                            +'<tr id="showRowAT">'
                                +'<th style="padding: 10px 5px; width: 30%; text-align:center;">Sl No.</th>'
                                +'<th style="padding: 10px 5px; width: 12%; text-align:center;">Tracking No.</th>'
                               
                            +'</tr>'
                            +'</thead>'

                            +'<tbody>' ;
                            var allTrackingNo = [];
                            var applicantByDept = applicantByDeptG;
                            $.each(applicantByDept, function(index, value){
                                allTrackingNo[index] = value;
                                var sl = index +1;
                                showTrackingNoDiv += '<tr><td id="app-'+value+'" data-tracknovalue="'+sl+'">'+sl+'</td><td>'+value+'</td></tr>';
                            });

                            $("#allTrackingNo").val(allTrackingNo.toString());
                            //$("#allTrackingNo").val(allTrackingNo.join(","));
                               
                            showTrackingNoDiv +='</tbody>'+'</table>';
                            
                            $('div#showTrackingNo').append(showTrackingNoDiv);
                        }
                        if($("#totalApplicant").val() > roomCapacity){
                            //alert("Total Applicant exists Room Capacity");
                        }
                        
                },
                error: function(_response){
                    alert("Error");
                }
            });

    });

// =================Add Data in Table=============================


        $( "#addAT" ).click(function() {

            if(($("#totalApplicant").val() == 0) || $("#trackingNoFrom").val() == ''|| $("#trackingNoTo").val() == ''){
                    alert("Field required");

            }else if($("#totalApplicant").val() > roomCapacity || checkCapacity($("#totalApplicant").val())){
                alert("Total Applicant exists Room Capacity");
            }
            else{

                var tdAppend = '<td>'+$("#departmentId option:selected").text()+'<input name="admissionData[departmentId][]" type="hidden" value="'+$("#departmentId option:selected").val()+'"></td><td>'+$("#programId option:selected").text()+'<input name="admissionData[programId][]" type="hidden" value="'+$("#programId option:selected").val()+'"></td>'
                                +'<td>'+$( "#trackingNoFrom" ).val()+'<input name="admissionData[trackingNoFrom][]" type="hidden" value="'+$( "#trackingNoFrom" ).val()+'"></td>'
                                +'<td>'+$( "#trackingNoTo" ).val()+'<input name="admissionData[trackingNoTo][]" type="hidden" value="'+$( "#trackingNoTo" ).val()+'"></td>'
                                +'<td>'+$( "#totalApplicant" ).val()+'<input class="totalApplicantSum" name="admissionData[totalApplicant][]" type="hidden" value="'+$( "#totalApplicant" ).val()+'">'
                                +'<input type="hidden" name="admissionData[allTrackingNo][]" value="'+$( "#allTrackingNo" ).val()+'"></td>'
                                +'<td style="padding: 8px 5px; text-align: center;"><a href="javascript:;" class="removeButton"><i class="glyphicon glyphicon-trash" style="color:red; font-size:14px"><i></a></td>';

                $("#addAddmissinonTestTable").find('tbody').append($('<tr>').append(tdAppend));
                $("#totalApplicant").val(0);
                $("#trackingNoFrom").val(0);
                $("#trackingNoTo").val(0);
                $("#allTrackingNo").val(' ');

            }

        });

        $( "#checkAT" ).click(function() {
            checkChange();
          

        });
        $(document).on('click', '.removeButton', function () {
            $(this).closest('tr').remove();
            return false;
        });

        $( "#trackingNoFrom,#trackingNoTo" ).keyup(function() {
           checkChange()
        });

});
</script>