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

@section('title')
    <title>Author Detail - 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">About Author</span></h3>
                        </div>
                      </div>
                      <!-- /.col -->
                    </div>
                    <!-- info row -->
                   <div class="row">
                    <div class="col-md-12 col-lg-8">
                        <div class="box box-solid">
                          <div class="box-header with-border">
                            <i class="fa fa-user"></i>

                          <h4 class="box-title">{{$bookauthor->name}}</a>
                          </div>
                          <!-- /.box-header -->
                          <div class="box-body">

                              <div class="row">
                                    <div class="col-md-4">

                                    <img src="{{asset($bookauthor->image)}}" alt="image">

                                    </div>
                                    <div class="col-md-8">
                                         <label class="text-info">Address:</label><strong> {{$bookauthor->address}} </strong> <br>
                                        <label class="text-info">Date of Birth:</label> <strong> {{$bookauthor->DOB}} </strong> <br>
                                        <label class="text-info">Phone no.:</label> <strong> {{$bookauthor->phone}} </strong><br>
                                        <label class="text-info">Works at:</label> <strong> {{$bookauthor->working_field}} </strong> <br>
                                        <label class="text-info">Social Links:</label>
                                        <div class="gap-items font-size-16">
                                            @if(!is_null($bookauthor->facebook))
                                            <a class="text-facebook" href="{{$bookauthor->facebook}}"><i class="fa fa-facebook"></i></a>
                                            @endif
                                            @if(!is_null($bookauthor->twitter))
                                            <a class="text-twitter" href="{{$bookauthor->twitter}}"><i class="fa fa-twitter"></i></a>
                                            @endif
                                            @if(!is_null($bookauthor->instagram))
                                            <a class="text-instagram" href="{{$bookauthor->instagram}}"><i class="fa fa-instagram"></i></a>
                                            @endif
                                            @if(!is_null($bookauthor->linkedin))
                                            <a class="text-linkedin" href="{{$bookauthor->linkedin}}"><i class="fa fa-linkedin"></i></a>
                                            @endif
                                            @if(!is_null($bookauthor->google))
                                            <a class="text-google" href="{{$bookauthor->google}}"><i class="fa fa-google"></i></a>
                                            @endif
                                        </div><br>
                                        <label class="text-info">Written Books:</label>
                                        @foreach($book as $bk)
                                    <strong> <a onMouseOver="this.style.color='#0F0'" onMouseOut="this.style.color='#00F'" style="color:#00F;" href="{{route('library.book.viewIsbn',$bk->id)}}">{{$bk->title." ,"}}</a> </strong>
                                        @endforeach


                                    </div>
                              </div>


                          </div>
                          <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                      </div>
                   </div>
                    <!-- /.row -->



              </section>

    </div>
@endsection