@extends('layouts.app')

@section('title', 'تعديل حوالة')

@push('styles')
<style>
    .page-header {
        background: linear-gradient(135deg, #3F51B5 0%, #7986CB 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: #3F51B5;
        margin-bottom: 1.5rem;
        padding-bottom: 0.75rem;
        border-bottom: 2px solid #E8EAF6;
        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: #3F51B5;
        box-shadow: 0 0 0 0.2rem rgba(63, 81, 181, 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>تعديل سجل الحوالة رقم #{{ $transfer->id }}</p>
            </div>
            <a href="{{ route('transfers.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('transfers.update', $transfer) }}" 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('transfer_date') is-invalid @enderror" name="transfer_date" value="{{ old('transfer_date', $transfer->transfer_date->format('Y-m-d')) }}" required>
                        @error('transfer_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', $transfer->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', $transfer->description) }}" required>
                        @error('description')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

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

                    <div class="col-md-6">
                        <label class="form-label">جهة الحوالة</label>
                        <select class="form-select @error('transfer_destination') is-invalid @enderror" name="transfer_destination">
                            <option value="">-- اختر الجهة --</option>
                            @foreach($destinations as $key => $dest)
                                <option value="{{ $key }}" {{ old('transfer_destination', $transfer->transfer_destination) == $key ? 'selected' : '' }}>{{ $dest }}</option>
                            @endforeach
                        </select>
                        @error('transfer_destination')
                            <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', $transfer->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', $transfer->remaining_amount) }}">
                        @error('remaining_amount')
                            <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', $transfer->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('transfers.index') }}" class="btn btn-outline-secondary">
                        <i class='bx bx-x'></i> إلغاء
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection