@include('header')
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">


<div class="container mt-4 mb-4">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <p class="fs-6 pb-0 mb-0" style="color: #ff751a;">Report PDUs</p>
                    <p class="fs-3 fw-bold pt-0 mt-0">Read</p>
                </div>
                <div class="card-body">
                <form action="read/{id}/show" method="post" enctype="multipart/form-data">
     
                    @csrf
                    @method("PUT")
                        <div class="form-group mb-4">
                            <label for="author" class="mb-2">Author</label>
                            <input type="text" name="author" id="author" class="form-control @if($errors->has('author')) is-invalid @endif" readonly placeholder="Author" value="{{old('author', $read -> author )}}">
                            @if($errors->has('author'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('author') }}</strong>
                                </span>
                            @endif
                        </div>
                        <div class="form-group mb-4">
                            <label for="title" class="mb-2">Title</label>
                            <input type="text" name="title" id="title" class="form-control @if($errors->has('title')) is-invalid @endif" readonly placeholder="Title" value="{{old('title', $read -> title )}}">
                            @if($errors->has('title'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('title') }}</strong>
                                </span>
                            @endif
                        </div>
                        <div class="form-group mb-4">
                            <label for="description" class="mb-2">Description</label>
                            <textarea name="description" id="description" class="form-control @if($errors->has('description')) is-invalid @endif" rows="3">"{{old('description', $read -> description )}}"></textarea>
                            @if($errors->has('description'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('description') }}</strong>
                                </span>
                            @endif
                        </div>
                        <div class="form-group mb-4">
                            <label for="url" class="mb-2">URL (Optional)</label>
                            <input type="url" name="url" id="url" class="form-control @if($errors->has('url')) is-invalid @endif" readonly placeholder="url" value="{{old('url', $read -> url )}}">
                            @if($errors->has('url'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('url') }}</strong>
                                </span>
                            @endif
                        </div>
                        <div class="form-group mb-4">
                            <label for="date_started" class="mb-2">Date Started</label>
                            <input type="date" name="date_started" id="date_started" class="form-control @if($errors->has('date_started')) is-invalid @endif" readonly placeholder="Date Started" value="{{old('date_started', $read -> date_started )}}">
                            @if($errors->has('date_started'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('date_started') }}</strong>
                                </span>
                            @endif
                        </div>
                        <div class="form-group mb-4">
                            <label for="date_completed" class="mb-2">Date Completed</label>
                            <input type="date" name="date_completed" id="date_completed" class="form-control @if($errors->has('date_completed')) is-invalid @endif" readonly placeholder="Date Completed" value="{{old('date_completed', $read -> date_completed )}}">
                            @if($errors->has('date_completed'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('date_completed') }}</strong>
                                </span>
                            @endif
                        </div>
                        <!-- <div class="form-group mb-4" style="display: flex; justify-content: flex-end; margin-top: 1px;">
                       
                            <button type="submit" class="btn btn-primary" style="background-color: #eb5e28; color: white; border-color: #eb5e28; transition: background-color 0.3s, color 0.3s;" onmouseover="this.style.backgroundColor='white'; this.style.color='black';" onmouseout="this.style.backgroundColor='#eb5e28'; this.style.color='white';">Submit</button>
                        </div> -->
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


@include('footer')