@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">Work as a Practitioner</p>
                </div>
                <div class="card-body">
                    @if($work == '')
                    <form action="{{ route('works.store') }}" method="POST">
                        @csrf
                        <div class="form-group mb-4">
                            <label for="employer" class="mb-2">Employer</label>
                            <input type="text" name="employer" id="employer" class="form-control @if($errors->has('employer')) is-invalid @endif">
                            @if($errors->has('employer'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('employer') }}</strong>
                                </span>
                            @endif
                        </div>
                        <div class="form-group mb-4">
                            <label for="job_title" class="mb-2">Job Title</label>
                            <input type="text" name="job_title" id="job_title" class="form-control @if($errors->has('job_title')) is-invalid @endif">
                            @if($errors->has('job_title'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('job_title') }}</strong>
                                </span>
                            @endif
                        </div>
                        <div class="form-group mb-4">
                            <label for="responsibilities" class="mb-2">Responsibilities (optional)</label>
                            <textarea name="responsibilities" id="responsibilities" class="form-control" rows="3"></textarea>
                        </div>
                        <div class="form-group mb-4">
                            <label for="url" class="mb-2">URL (optional)</label>
                            <input type="text" name="url" id="url" class="form-control">
                        </div>
                        <div class="form-group mb-4">
                            <label for="contact_person" class="mb-2">Contact Person (optional)</label>
                            <input type="text" name="contact_person" id="contact_person" class="form-control">
                        </div>
                        <div class="form-group mb-4">
                            <label for="contact_phone" class="mb-2">Contact Phone (optional)</label>
                            <input type="text" name="contact_phone" id="contact_phone" class="form-control">
                        </div>
                        <div class="form-group mb-4">
                            <label for="contact_email" class="mb-2">Contact Email (optional)</label>
                            <input type="email" name="contact_email" id="contact_email" class="form-control">
                        </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">
                        </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">
                        </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>
                    </form>

                    @else
                    <form action="{{ route('works.update', $work->id) }}" method="POST">
                        @csrf
                        @method('PUT') <!-- Assuming you are using resourceful controller -->
                        <div class="form-group mb-4">
                            <label for="employer" class="mb-2">Employer</label>
                            <input type="text" name="employer" id="employer" class="form-control @if($errors->has('employer')) is-invalid @endif" value="{{ old('employer', $work->employer) }}">
                        </div>
                        <div class="form-group mb-4">
                            <label for="job_title" class="mb-2">Job Title</label>
                            <input type="text" name="job_title" id="job_title" class="form-control @if($errors->has('job_title')) is-invalid @endif" value="{{ old('job_title', $work->job_title) }}">
               
                        </div>
                        <div class="form-group mb-4">
                            <label for="responsibilities" class="mb-2">Responsibilities (optional)</label>
                            <textarea name="responsibilities" id="responsibilities" class="form-control">{{ old('responsibilities', $work->responsibilities) }}</textarea>
                        </div>
                        <div class="form-group mb-4">
                            <label for="url" class="mb-2">URL (optional)</label>
                            <input type="text" name="url" id="url" class="form-control" value="{{ old('url', $work->url) }}">
                        </div>
                        <div class="form-group mb-4">
                            <label for="contact_person" class="mb-2">Contact Person (optional)</label>
                            <input type="text" name="contact_person" id="contact_person" class="form-control" value="{{ old('contact_person', $work->contact_person) }}">
                        </div>
                        <div class="form-group mb-4">
                            <label for="contact_phone" class="mb-2">Contact Phone (optional)</label>
                            <input type="text" name="contact_phone" id="contact_phone" class="form-control" value="{{ old('contact_phone', $work->contact_phone) }}">
                        </div>
                        <div class="form-group mb-4">
                            <label for="contact_email" class="mb-2">Contact Email (optional)</label>
                            <input type="email" name="contact_email" id="contact_email" class="form-control" value="{{ old('contact_email', $work->contact_email) }}">
                        </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" value="{{ old('date_started', $work->date_started) }}">
                        </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" value="{{ old('date_completed', $work->date_completed) }}">
                        </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')