@extends('layouts.instructorapp')
@section('content')
<style>
    .label{color: gray;}
</style>
<div class="row">
    <div class='col-sm-12'>
        <div class="container">

            <div class="col-sm-12">
                <h3>ABSENCES RECORDS</h3>
                @if($type == "college")
                <h4><b>{{$course->ctr_code}} - {{$course->course_name}}</b><br>
                    {{$course->program_code}} - {{$course->level}} Year | SY: {{$course->school_year}} - {{$course->school_year+1}} | {{$course->period}} Semester</h4>
                @elseif($type == "shs")
                <h4><b>{{$course->course_name}}</b></br>
                    {{$course->level}} - {{$course->section}} ({{$course->track}}) | SY: {{$course->school_year}} - {{$course->school_year+1}} | {{$course->period}} Semester</h4>
                @else
                <h4><b>{{$course->subject_name}}</b></br>
                    {{$course->level}} - {{$course->section}} | SY: {{$course->school_year}} - {{$course->school_year+1}} </h4>
                @endif
                <a class="btn btn-primary" href="{{url('print_absence',array($type,$course->id,$student->idno))}}"><span class="fa fa-print"></span> Print</a>
            </div>

            <br><br>&nbsp;<br>
            <div class="row">
                <div class="col-md-12">
                    <div class="col-md-12">
                        <div class="form-group">
                            <ul class="nav navbar-header" style="font-size:12pt">
                                <li>Student Number:&nbsp;&nbsp;&nbsp;{{$student->idno}}</li>
                                <li><b>Student Name :&nbsp;&nbsp;&nbsp;{{strtoupper($student->lastname)}}, {{$student->firstname}} {{$student->middlename[0]}}. {{$student->extensionname}}</b></li> 
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <br>
        <div class="col-md-7" id="list_absences">
            @if(session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
            @endif
            @if(count($lists)>0)
            <table width="100%" class="table table-condensed table-striped table-bordered">
                <thead>
                <th class="col-sm-1">No.</th>
                <th class="col-sm-3">Date Absent</th>
                <th class="col-sm-4">Reason</th>
                <th class="col-sm-2">Remarks</th>
                <th class="col-sm-2">Actions</th>
                </thead>
                <tbody>
                    @foreach($lists as $list)
                    <tr>
                        <td>{{++$x}}</td>
                        <td>{{date_format(date_create($list->date_absent),"M d, Y")}}</td>
                        <td>{{$list->category}}</td>
                        <td>{{$list->remarks}}</td>
                        <td>
                            <a title="Edit" onclick="editThis('{{$list->id}}','{{$type}}')" class="btn btn-sm btn-primary"><b><span class="fa fa-pencil"></span></b></a>&nbsp;
                            @if($list->clinic_remarks == null)
                            <a title="Delete" onclick="deleteThis('{{$list->id}}','{{$type}}')" class="btn btn-sm btn-danger"><b>X</b></a><br>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table> 
            @else
            <h4><li><b>No Absences Record.</b></li></h4>
            @endif
        </div>
        <div class="col-md-5" id="update_form">
            <div class="col-md-12" style="background-color:white;padding:10px;">
                <h4>New Absent Record</h4>
                <form action="{{ url('/save/absence') }}" method="POST">
                    {{csrf_field()}}
                    <input type="hidden" name="course_id" value="{{$course_id}}">
                    <input type="hidden" name='course_code' value='{{$course->course_code}}'>
                    <input type="hidden" name='idno' id="idno" value='{{$student->idno}}'>
                    <input type="hidden" name='type' value='{{$type}}'>
                    <div class="form-group">
                        <label>Date Absent</label> <b style="color:red;font-weight: bold;font-size:13pt;">*</b>
                        <input type="date" class="form-control" name="date_absent" value="{{date('Y-m-d')}}">
                    </div>
                    <div class="form-group">
                        <label>Reason</label> <span style="color:red;font-weight: bold;font-size:13pt;">*</span>
                        <select class="form-control" name="category">
                            <option>Sickness</option>
                            <option>Others</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Remarks</label>
                        <textarea class="form-control" name="remarks"></textarea>
                    </div>
                    <div class="form-group col-md-offset-8">
                        <button type="submit" class="form-control btn-success btn"><b>Save</b></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script>
    function editThis(id, type) {
        array = {};
        array['record_id'] = id;
        array['type'] = type;
        array['form'] = 1;
        array['idno'] = $("#idno").val();
        $.ajax({
        type: "GET",
                url: "/ajax/absence/getUpdateForm",
                data: array,
                success: function (data) {
                    $('#update_form').empty();
                    $('#update_form').html(data);
                }
        });
    }
    
    function getNew(id, type) {
        array = {};
        array['record_id'] = id;
        array['type'] = type;
        array['form'] = 0;
        array['idno'] = $("#idno").val();
        $.ajax({
        type: "GET",
                url: "/ajax/absence/getUpdateForm",
                data: array,
                success: function (data) {
                    $('#update_form').empty();
                    $('#update_form').html(data);
                }
        });
    }
    
    function deleteThis(id, type) {
        array = {};
        array['record_id'] = id;
        array['type'] = type;
        $.ajax({
        type: "GET",
                url: "/ajax/absence/removeAbsence",
                data: array,
                success: function (data) {
                    $('#list_absences').empty();
                    $('#list_absences').html(data);
                }
        });
    }
</script>
@stop