@extends('components.customer_layout')
@section('customer-content')
    <link href="{{ asset('assets/css/custom/a3form.css') }}" rel="stylesheet" type="text/css">
    <style>
        .card-header {
            background-color: #f9f3c9;
            padding: 10px;
            border: 1px solid #f3e0a4;
            border-radius: 5px;
        }

        .image-preview {
            width: 100%;
            max-width: 150px;
            aspect-ratio: 3 / 4;
            overflow: hidden;
            border: 1px solid #ddd;
            border-radius: 5px;
        }

        .image-preview img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    </style>
    <div class="mt-4 col-md-10">
        <div class="card w-100">
            <div class="container mt-1">
                <div class="card-header text-center">
                    <h2>Edit Complaint</h2>
                </div>
                <div class="card-body">
                    @if (session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                    @endif
                    <form action="{{ route('labor.update', $labor->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        @csrf
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <div class="row">
                        <input type="hidden" name="customer_id" value="{{ $labor->customer_id }}">
                        <input type="hidden" name="service_id" value="{{ $labor->service_id }}">
                        <input type="hidden" name="office_id" value="{{ $labor->office_id }}">
                        <input type="hidden" name="city_id" value="{{ $labor->city_id }}">

                        <div class="mb-3 col-md-4">
                            <label class="form-label">Akaakuu iyyataa</label>
                            <select name="applicant_type" class="form-control">
                                <option value="">select type</option>
                                <option value="Qacaraa" {{ $labor->applicant_type == 'Qacaraa' ? 'selected' : '' }}>Qacaraa</option>
                                <option value="Qacaramaa" {{ $labor->applicant_type == 'Qacaramaa' ? 'selected' : '' }}>Qacaramaa</option>
                            </select>
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label">File Upload</label>
                            <input type="file" name="file" class="form-control" accept=".pdf,.jpg,.png">
                            @if ($labor->file)
                                <p>Current File: <a href="{{ asset('storage/' . $labor->file) }}" target="_blank">View File</a></p>
                            @endif
                        </div>
</div>


                        <button type="submit" class="btn btn-primary w-100">Update</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection