@extends('layouts.app')
@section('content')

    <div id="admin-content">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <h2 class="admin-heading">Return Book</h2>
                </div>
		<div class="offset-md-7 col-md-2">
                    <a class="add-new" href="{{ route('book_issued') }}">All Issue List</a>
                </div>
            </div>
            <div class="row">
                <div class="offset-md-3 col-md-6">
                    <div class="yourform">
                        <table cellpadding="10px" width="90%" style="margin: 0 0 20px;">
                            <tr>
                                <td>StudentName: </td>
                                <td><b>{{ $book->student->name }}</b></td>
                            </tr>
                            <tr>
                                <td>Book Name : </td>
                                <td><b>{{ $book->book->name }}</b></td>
                            </tr>
                            <tr>
                                <td>Phone : </td>
                                <td><b>{{ $book->student->phone }}</b></td>
                            </tr>
                            <tr>
                                <td>Email : </td>
                                <td><b>{{ $book->student->email }}</b></td>
                            </tr>
                            <tr>
                                <td>Issue Date : </td>
                                <td><b>{{ $book->issue_date->format('d M, Y') }}</b></td>
                            </tr>
                            <tr>
                                <td>Return Date : </td>
                                <td><b>{{ $book->return_date->format('d M, Y') }}</b></td>
                            </tr>
                            @if ($book->issue_status == 'Y')
                                <tr>
                                    <td>Status</td>
                                    <td><b>Returned</b></td>
                                </tr>
                                <tr>
                                    <td>Returned On</td>
                                    <td><b>{{ $book->return_day->format('d M, Y') }}</b></td>
                                </tr>
                            @else
                                @if (date('Y-m-d') > $book->return_date->format('d-m-Y'))
                                    <tr>
                                        <td>Fine</td>
                                        <td>RM{{ $fine }}</td>
                                    </tr>
                                @endif
                            @endif
                        </table>
                        @if ($book->issue_status == 'N')
    {{-- Use a flex container to place buttons side-by-side --}}
    <div class="d-flex align-items-center">
        {{-- Return Book Form --}}
        {{-- Add 'mr-2' (margin-right) for spacing between the form and the next button --}}
        <form action="{{ route('book_issue.update', $book->id) }}" method="post" autocomplete="off" class="mr-2">
            @csrf
            <input type='submit' class='btn btn-danger btn-sm d-none' name='save' value='Return Book'>
        </form>

        {{-- Scan Button: Changed to an <a> tag styled as a button --}}
        {{-- This makes it a proper link that goes to the demo scan page --}}
        <a href="{{ route('demo.barcode_scan') }}" class='btn btn-success btn-sm mr-2' target="_blank">Scan</a>
	<a href="{{ route('book_issued') }}" class='btn btn-danger btn-sm'>Back</a>
    </div>
@endif
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection