@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">
    <!-- Success Modal -->
@if ($message = Session::get('success'))
                        <div class="alert alert-success alert-dismissible fade show">
                            <strong>Success</strong> <br> {{ $message }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        @endif
    <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">

                @if($read =='')
                <form action="{{ route('reads.store') }}" method="POST" enctype="multipart/form-data">

                @csrf
                        <div class="form-group mb-4">
                            <label for="author" class="mb-2">Provider Name/ ID</label>
                            <input type="text" name="author" id="author" class="form-control @if($errors->has('author')) is-invalid @endif">
                            @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">
                            @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"></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">
                            @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">
                            @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">
                            @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;">
                            <!-- Inline styling for .submit-button class -->
                            <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>

                        @else
                        <form action="{{ route('reads.update', $read->id) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="form-group mb-4">
                            <label for="author" class="mb-2">Provider Name/ ID</label>
                            <input type="text" name="author" id="author" class="form-control @if($errors->has('author')) is-invalid @endif" 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" 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" 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" 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" 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 text-end">
                            <button type="submit" class="btn btn-primary">Update</button>
                        </div>
                    </form>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

@include('footer')