@extends('layouts.app')

@section('title', 'تعديل استلام')

@push('styles')
<style>
    .page-header {
        background: linear-gradient(135deg, #E91E63 0%, #F06292 100%);
        color: white;
        border-radius: 1rem;
        padding: 1.5rem 2rem;
        margin-bottom: 1.5rem;
    }
    .page-header h4 {
        color: white;
        margin-bottom: 0.25rem;
    }
    .page-header p {
        color: rgba(255,255,255,0.8);
        margin-bottom: 0;
    }
    .form-card {
        border: none;
        border-radius: 1rem;
        box-shadow: 0 4px 24px rgba(0,0,0,0.06);
    }
    .form-card .card-body {
        padding: 2rem;
    }
    .form-section-title {
        font-weight: 600;
        color: #E91E63;
        margin-bottom: 1.5rem;
        padding-bottom: 0.75rem;
        border-bottom: 2px solid #FCE4EC;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    .form-label {
        font-weight: 600;
        color: #566a7f;
        margin-bottom: 0.5rem;
    }
    .form-control:focus, .form-select:focus {
        border-color: #E91E63;
        box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.15);
    }
</style>
@endpush

@section('content')
<div class="container-fluid">
    <!-- Page Header -->
    <div class="page-header">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <h4><i class='bx bx-edit me-2'></i>تعديل استلام</h4>
                <p>تعديل سجل الاستلام رقم #{{ $receipt->id }}</p>
            </div>
            <a href="{{ route('receipts.index') }}" class="btn btn-light">
                <i class='bx bx-arrow-back'></i> العودة للقائمة
            </a>
        </div>
    </div>

    <div class="card form-card">
        <div class="card-body">
            <form action="{{ route('receipts.update', $receipt) }}" method="POST">
                @csrf
                @method('PUT')

                <h6 class="form-section-title">
                    <i class='bx bx-info-circle'></i>
                    معلومات الاستلام
                </h6>

                <div class="row g-4">
                    <div class="col-md-6">
                        <label class="form-label">التاريخ <span class="text-danger">*</span></label>
                        <input type="date" class="form-control @error('receipt_date') is-invalid @enderror" name="receipt_date" value="{{ old('receipt_date', $receipt->receipt_date->format('Y-m-d')) }}" required>
                        @error('receipt_date')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">اسم الموظف <span class="text-danger">*</span></label>
                        <input type="text" class="form-control @error('employee_name') is-invalid @enderror" name="employee_name" value="{{ old('employee_name', $receipt->employee_name) }}" required>
                        @error('employee_name')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-12">
                        <label class="form-label">البيان <span class="text-danger">*</span></label>
                        <input type="text" class="form-control @error('description') is-invalid @enderror" name="description" value="{{ old('description', $receipt->description) }}" required>
                        @error('description')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">المبلغ <span class="text-danger">*</span></label>
                        <input type="number" step="0.01" class="form-control @error('paid_amount') is-invalid @enderror" name="paid_amount" value="{{ old('paid_amount', $receipt->paid_amount) }}" required>
                        @error('paid_amount')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">المتبقي</label>
                        <input type="number" step="0.01" class="form-control @error('remaining_amount') is-invalid @enderror" name="remaining_amount" value="{{ old('remaining_amount', $receipt->remaining_amount) }}">
                        @error('remaining_amount')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">نوع الاستلام</label>
                        <select class="form-select @error('receipt_type') is-invalid @enderror" name="receipt_type">
                            <option value="">-- اختر النوع --</option>
                            @foreach($types as $key => $type)
                                <option value="{{ $key }}" {{ old('receipt_type', $receipt->receipt_type) == $key ? 'selected' : '' }}>{{ $type }}</option>
                            @endforeach
                        </select>
                        @error('receipt_type')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">جهة الاستلام</label>
                        <select class="form-select @error('receipt_source') is-invalid @enderror" name="receipt_source">
                            <option value="">-- اختر الجهة --</option>
                            @foreach($sources as $key => $source)
                                <option value="{{ $key }}" {{ old('receipt_source', $receipt->receipt_source) == $key ? 'selected' : '' }}>{{ $source }}</option>
                            @endforeach
                        </select>
                        @error('receipt_source')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-12">
                        <label class="form-label">ملاحظات</label>
                        <textarea class="form-control @error('notes') is-invalid @enderror" name="notes" rows="3">{{ old('notes', $receipt->notes) }}</textarea>
                        @error('notes')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="mt-4 d-flex gap-2">
                    <button type="submit" class="btn btn-primary">
                        <i class='bx bx-save'></i> حفظ التغييرات
                    </button>
                    <a href="{{ route('receipts.index') }}" class="btn btn-outline-secondary">
                        <i class='bx bx-x'></i> إلغاء
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection