@extends('library.admin.layouts.admin_design')

@section('title')
    <title>Issue Book - School Library</title>
@endsection

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
            <section class="invoice printableArea">

                    <!-- title row -->
                    <div class="row">

                      <div class="col-12">
                        <div class="page-header">
                          <h3 class="d-inline"><span class="font-size-30">Student Details</span></h3>
                        </div>
                      </div>
                      <!-- /.col -->
                    </div>
                    <!-- info row -->
                    <div class="row invoice-info">
                      <div class="col-md-6 invoice-col">
                            <img class="card-teacher" src="{{asset($data2['image'])}}" alt="Card image cap">
                        <address>
                          <strong class="text-blue font-size-24">{{$data2['name']}}</strong><br>
                          <strong class="d-inline">Address: {{$data2['address']}}</strong><br>
                          <label><strong class="d-inline">Student Id: {{$data2['id']}}</strong></label><br>
                          <strong>Phone: @if($data2['mobile'] != "")
                                        {{$data2['mobile']}}
                                        @else 9876556789
                                        @endif &nbsp;&nbsp;&nbsp;&nbsp; Email: @if($data2['email'] != "")
                                                            {{$data2['email']}}
                                                            @else
                                                            info@grabinfo.com
                                                            @endif
                                                            </strong>
                        </address>
                      </div>
                      <div class="col-md-6">
                            <div class="row">

                                    <div class="col-xl-6 col-md-6 col-12">
                                          <div class="box box-body">
                                          <div class="flexbox">
                                            <span class="ion ion-ios-paper-outline text-primary font-size-50"></span>
                                            <span class="font-size-40 font-weight-200">{{count($detail)}}</span>
                                          </div>
                                          <div class="text-right">Total Issued Book</div>
                                        </div>
                                    </div>
                                    <!-- /.col -->
                                    <div class="col-xl-6 col-md-6 col-12">
                                          <div class="box box-body bg-primary">
                                          <div class="flexbox">
                                            <span class="ion ion-ios-copy-outline text-white font-size-50"></span>
                                            <span class="font-size-40 font-weight-200">{{count($return_info)}}</span>
                                          </div>
                                          <div class="text-right">Total Returned Book</div>
                                        </div>
                                    </div>
                                    <!-- /.col -->
                                  </div>

                      </div>
                      <!-- /.col -->
                    <!-- /.col -->
                    </div>
                    <!-- /.row -->

                    <!-- Table row -->
                    <div class="row">
                            <div class="col-12 table-responsive">
                              <table class="table table-bordered">
                                <tbody>
                                <tr>
                                  <th>#</th>
                                  <th>Book</th>
                                  <th>Isbn</th>
                                  <th class="text-right">Issued Date</th>
                                  <th class="text-right">Returned Date</th>
                                   <th class="text-right">Fine (Rs.)</th>
                                   {{-- <th class="text-right">Fine Calculation</th> --}}

                                                                       @foreach($detail as $det)
                                    <tr>
                                        <td>{{$count++}}</td>
                                        <td><a onMouseOver="this.style.color='#00F'" onMouseOut="this.style.color='#6c757d'" style="color:#6c757d;" href="{{route('library.book.viewIsbn',$det->book_id)}}">{{$det->book->title}}</a></td>
                                        <td> <a onMouseOver="this.style.color='#00F'" onMouseOut="this.style.color='#6c757d'" style="color:#6c757d;" href="{{route('library.book_details',$det->book_isbn)}}">{{$det->book_isbn}}</a></td>
                                        <td class="text-right">{{$det->created_at->format('j F Y')}}</td>
                                        <td class="text-right" style="color:red;"><strong>{{'Yet to be return'}} </strong></td>
                                        <td class="text-center"> {{'-'}}</td>
                                        {{-- <td class="text-center">
                                        <a href="{{route('library.issuebook.fine',$det->id)}}" class="btn btn-purple btn-xs"><i class="fa fa-money">Calculate Fine</i></a>
                                        <a href="{{route('library.fine.invoice',$det->id)}}" target="_blank" class="btn btn-brown btn-xs"><i class="fa fa-money">Invoice</i></a>

                                        </td> --}}
                                  </tr>
                                    @endforeach
                                    @foreach($return_info as $det)
                                    <tr>
                                    <td>{{$count++}}</td>
                                    <td><a onMouseOver="this.style.color='#00F'" onMouseOut="this.style.color='#6c757d'" style="color:#6c757d;" href="{{route('library.book.viewIsbn',$det->book_id)}}">{{$det->book->title}}</a></td>
                                    <td> <a onMouseOver="this.style.color='#00F'" onMouseOut="this.style.color='#6c757d'" style="color:#6c757d;" href="{{route('library.book_details',$det->book_isbn)}}">{{$det->book_isbn}}</a></td>
                                    <td class="text-right">{{date('d M Y', strtotime($det->issued_date))}}</td>
                                    <td class="text-right">{{$det->created_at->format('j F Y')}}</td>
                                    @if($det->fine > 0)
                                        <td>{{$det->grandtotal}}</td>
                                    @else
                                        <td style="color:brown;"><strong>{{'No fine'}}</strong></td>

                                    @endif

                                    {{--     @if($det->fine > 0)

                                        <td class="text-center">{{'Fine Paid'}}</td>
                                    @else
                                        <td class="text-center">{{'-'}}</td>

                                    @endif --}}

                                    </tr>
                                    @endforeach

                                </tbody>
                              </table>
                            </div>
                            <!-- /.col -->
                          </div>
                    <!-- /.row -->

              </section>

    </div>
@endsection