@extends('layouts.admin-simple')

@section('title', 'Edit Fixed Asset')

@section('breadcrumb')
    <li class="breadcrumb-item">Warehouse</li>
    <li class="breadcrumb-item">Fixed Assets</li>
    <li class="breadcrumb-item"><a href="{{ route('warehouse.fixed-assets.catalog.index') }}">Catalog</a></li>
    <li class="breadcrumb-item active">Edit {{ $asset->asset_code }}</li>
@endsection

@section('page-title')
    <div class="d-flex justify-content-between align-items-center w-100">
        <div class="page-title-left">
            <h3 class="mb-1">Edit Fixed Asset</h3>
            <p class="text-muted mb-0" style="font-size: 13px;">{{ $asset->asset_code }} - {{ $asset->asset_name }}</p>
        </div>
        <div class="page-actions-right">
            <a href="{{ route('warehouse.fixed-assets.catalog.show', $asset->id) }}" class="btn btn-sm btn-outline-secondary">
                <i class="material-icons mr-1" style="font-size: 16px;">arrow_back</i> Back
            </a>
        </div>
    </div>
@endsection

@section('content')
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('error') }}
            <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
        </div>
    @endif

    <form method="POST" action="{{ route('warehouse.fixed-assets.catalog.update', $asset->id) }}" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <div class="card mb-3">
            <div class="card-header"><h6 class="card-title mb-0"><i class="material-icons mr-2">badge</i>Asset Identity</h6></div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Asset Name <span class="text-danger">*</span></label>
                            <input type="text" name="asset_name" class="form-control @error('asset_name') is-invalid @enderror" value="{{ old('asset_name', $asset->asset_name) }}" required>
                            @error('asset_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Asset Tag</label>
                            <input type="text" name="asset_tag" class="form-control" value="{{ old('asset_tag', $asset->asset_tag) }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Serial Number</label>
                            <input type="text" name="serial_number" class="form-control" value="{{ old('serial_number', $asset->serial_number) }}">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Model Number</label>
                            <input type="text" name="model_number" class="form-control" value="{{ old('model_number', $asset->model_number) }}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Manufacturer</label>
                            <input type="text" name="manufacturer" class="form-control" value="{{ old('manufacturer', $asset->manufacturer) }}">
                        </div>
                    </div>
                </div>
                <div class="form-group mb-0">
                    <label>Description</label>
                    <textarea name="description" rows="2" class="form-control">{{ old('description', $asset->description) }}</textarea>
                </div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header"><h6 class="card-title mb-0"><i class="material-icons mr-2">category</i>Classification & Status</h6></div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Category <span class="text-danger">*</span></label>
                            <select name="category_id" class="form-control select2-dropdown" required>
                                <option value="">Select</option>
                                @foreach($categories as $cat)
                                    <option value="{{ $cat->id }}" {{ old('category_id', $asset->category_id) == $cat->id ? 'selected' : '' }}>{{ $cat->category_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Condition <span class="text-danger">*</span></label>
                            <select name="condition" class="form-control" required>
                                @foreach(['new','good','fair','poor','damaged','unserviceable'] as $c)
                                    <option value="{{ $c }}" {{ old('condition', $asset->condition) == $c ? 'selected' : '' }}>{{ ucfirst($c) }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Lifecycle Status <span class="text-danger">*</span></label>
                            <select name="lifecycle_status" class="form-control" required>
                                @foreach(['acquired','in_warehouse','in_use','returned','under_maintenance','disposed'] as $ls)
                                    <option value="{{ $ls }}" {{ old('lifecycle_status', $asset->lifecycle_status) == $ls ? 'selected' : '' }}>{{ ucfirst(str_replace('_', ' ', $ls)) }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Status <span class="text-danger">*</span></label>
                            <select name="status" class="form-control" required>
                                <option value="active" {{ old('status', $asset->status) == 'active' ? 'selected' : '' }}>Active</option>
                                <option value="inactive" {{ old('status', $asset->status) == 'inactive' ? 'selected' : '' }}>Inactive</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header"><h6 class="card-title mb-0"><i class="material-icons mr-2">shopping_cart</i>Purchase Information</h6></div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Supplier</label>
                            <select name="supplier_id" class="form-control select2-dropdown">
                                <option value="">Select</option>
                                @foreach($suppliers as $s)
                                    <option value="{{ $s->id }}" {{ old('supplier_id', $asset->supplier_id) == $s->id ? 'selected' : '' }}>{{ $s->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Purchase Date</label>
                            <input type="date" name="purchase_date" class="form-control" value="{{ old('purchase_date', $asset->purchase_date ? $asset->purchase_date->format('Y-m-d') : '') }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Purchase Price</label>
                            <input type="number" name="purchase_price" class="form-control" step="0.01" min="0" value="{{ old('purchase_price', $asset->purchase_price) }}">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header"><h6 class="card-title mb-0"><i class="material-icons mr-2">trending_down</i>Depreciation</h6></div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Method</label>
                            <select name="depreciation_method" class="form-control">
                                <option value="">None</option>
                                <option value="straight_line" {{ old('depreciation_method', $asset->depreciation_method) == 'straight_line' ? 'selected' : '' }}>Straight Line</option>
                                <option value="declining_balance" {{ old('depreciation_method', $asset->depreciation_method) == 'declining_balance' ? 'selected' : '' }}>Declining Balance</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Useful Life (Years)</label>
                            <input type="number" name="useful_life_years" class="form-control" min="1" max="100" value="{{ old('useful_life_years', $asset->useful_life_years) }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Salvage Value</label>
                            <input type="number" name="salvage_value" class="form-control" step="0.01" min="0" value="{{ old('salvage_value', $asset->salvage_value) }}">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header"><h6 class="card-title mb-0"><i class="material-icons mr-2">notes</i>Notes</h6></div>
            <div class="card-body">
                <textarea name="notes" rows="3" class="form-control">{{ old('notes', $asset->notes) }}</textarea>
            </div>
        </div>

        <div class="card">
            <div class="card-body text-center py-3">
                <button type="submit" class="btn btn-success mr-3"><i class="material-icons mr-1" style="font-size: 16px;">save</i> Update Asset</button>
                <a href="{{ route('warehouse.fixed-assets.catalog.show', $asset->id) }}" class="btn btn-outline-secondary"><i class="material-icons mr-1" style="font-size: 16px;">cancel</i> Cancel</a>
            </div>
        </div>
    </form>
@endsection

@push('styles')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">
    <style>
        .select2-container { width: 100% !important; }
        .select2-container--default .select2-selection--single { height: 38px; border: 1px solid #ced4da; }
        .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; }
        .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; }
    </style>
@endpush

@push('scripts')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.select2-dropdown').select2({ allowClear: true, width: '100%' });
        });
    </script>
@endpush