@extends('master')

@section('content')
    <div class="mb-4"></div>
    <div class="container-fluid px-4 mb-4">
        <div class="row justify-content-between">
            <div class="col">
                <div style="font-size: 14px" class="breadcrumb-item">Aplikasi / SOP / Edit</div>
            </div>
        </div>
    </div>

    <div class="body grow">
        <div class="container-lg px-4 py-4">
            <div class="card border-0 shadow-sm rounded-3 h-100">

                <div class="card-header bg-white border-0 pt-4 px-4 pb-3">
                    <h5 class="mb-0 fw-semibold text-dark">SOP</h5>
                    <p class="text-muted small mb-0 mt-1">Edit SOP</p>
                </div>

                <div class="card-body p-4">
                    <form action="{{ route('application.sop.edit.post', $sop->id) }}" method="POST" enctype="multipart/form-data">
                        {{csrf_field()}}

                        <div class="mb-4">
                            <label class="form-label fw-medium text-dark mb-2">
                                Judul <span class="text-danger">*</span>
                            </label>
                            <input
                                type="text"
                                class="form-control form-control-lg shadow-none border"
                                name="title"
                                value="{{ old('title', $sop->title) }}"
                                required>
                            @error('title')
                            <div class="text-danger small mt-2">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-4">
                            <label class="form-label fw-medium text-dark mb-2" for="file">
                                File <span class="text-danger">*</span>
                            </label>
                            <input
                                type="file"
                                class="form-control form-control-lg shadow-none border"
                                id="file"
                                name="file"
                                required>
                            <small class="text-muted">Accepted formats: File. Max size: 2MB</small>
                            @error('file')
                            <div class="text-danger small mt-2">
                                <i class="bi bi-exclamation-circle me-1"></i> {{ $message }}
                            </div>
                            @enderror
                        </div>

                        <div class="mb-4">
                            <label class="form-label fw-medium text-dark mb-2">
                                Status <span class="text-danger">*</span>
                            </label>
                            <select class="form-select form-select-lg shadow-none border" name="status" required>
                                <option value="1" {{ $sop->status == 1 ? 'selected' : '' }}>Aktif</option>
                                <option value="0" {{ $sop->status == 0 ? 'selected' : '' }}>Tidak Aktif</option>
                            </select>
                            @error('status')
                            <div class="text-danger small mt-2">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="d-flex gap-2 justify-content-end pt-3">
                            <button type="submit" class="btn btn-lg btn-primary px-4">
                                Update
                            </button>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection