@extends('adminlte::page')

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

@section('content_header')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1 class="font-weight-bold text-dark">Edit Asset: <span class="text-primary">{{ $asset->asset_tag }}</span></h1>
        <a class="btn btn-outline-secondary btn-sm shadow-sm" href="{{ route('assets.index') }}">
            <i class="fas fa-arrow-left mr-1"></i> Back to List
        </a>
    </div>
@stop

@section('content')
    <div class="row justify-content-center">
        <div class="col-lg-12">
            <div class="card border-0 shadow-lg rounded-lg">
                <div class="card-header bg-gradient-warning text-white pt-4 pb-3">
                    <h5 class="mb-0 font-weight-bold"><i class="fas fa-edit mr-2"></i> Edit Asset Details</h5>
                     <p class="small mb-0 text-white-50">Update the information below for this asset.</p>
                </div>
                <div class="card-body p-4">
                    @if ($errors->any())
                        <div class="alert alert-danger alert-dismissible fade show shadow-sm" role="alert">
                            <div class="d-flex align-items-center">
                                <i class="fas fa-exclamation-triangle mr-3 display-4"></i>
                                <div>
                                    <h5 class="alert-heading font-weight-bold">Validation Error!</h5>
                                    <ul class="mb-0 pl-3">
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif
                
                    <form action="{{ route('assets.update', $asset->id) }}" method="POST">
                        @csrf
                        @method('PUT')
                
                         <h6 class="text-primary font-weight-bold text-uppercase border-bottom pb-2 mb-3">
                            <i class="fas fa-info-circle mr-1"></i> Identity & Classification
                        </h6>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Asset Tag <span class="text-danger">*</span></label>
                                    <div class="input-group">
                                         <div class="input-group-prepend">
                                            <span class="input-group-text bg-light border-0"><i class="fas fa-tag"></i></span>
                                        </div>
                                        <input type="text" name="asset_tag" value="{{ old('asset_tag', $asset->asset_tag) }}" class="form-control bg-light border-0" placeholder="e.g. AST-001" required>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Category Code</label>
                                    <input type="text" name="category_code" class="form-control bg-light border-0" placeholder="e.g. IT-EQP" value="{{ old('category_code', $asset->category_code) }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Internal Serial No</label>
                                    <input type="text" name="serial_no" class="form-control bg-light border-0" placeholder="e.g. SER-12345" value="{{ old('serial_no', $asset->serial_no) }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Mfr Serial No</label>
                                    <input type="text" name="manufacturer_serial_no" class="form-control bg-light border-0" placeholder="e.g. SN2023ABCD" value="{{ old('manufacturer_serial_no', $asset->manufacturer_serial_no) }}">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Asset Name <span class="text-danger">*</span></label>
                                    <div class="input-group">
                                         <div class="input-group-prepend">
                                            <span class="input-group-text bg-light border-0"><i class="fas fa-box"></i></span>
                                        </div>
                                        <input type="text" name="name" value="{{ old('name', $asset->name) }}" class="form-control bg-light border-0" placeholder="Asset Name" required>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Model</label>
                                    <input type="text" name="model" class="form-control bg-light border-0" placeholder="e.g. ThinkPad T14" value="{{ old('model', $asset->model) }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Status <span class="text-danger">*</span></label>
                                    <select name="status" class="form-control bg-light border-0 custom-select" required>
                                        <option value="active" {{ old('status', $asset->status) == 'active' ? 'selected' : '' }}>Active</option>
                                        <option value="disposed" {{ old('status', $asset->status) == 'disposed' ? 'selected' : '' }}>Disposed</option>
                                        <option value="under_maintenance" {{ old('status', $asset->status) == 'under_maintenance' ? 'selected' : '' }}>Under Maintenance</option>
                                        <option value="transferred" {{ old('status', $asset->status) == 'transferred' ? 'selected' : '' }}>Transferred</option>
                                        <option value="missing" {{ old('status', $asset->status) == 'missing' ? 'selected' : '' }}>Missing</option>
                                        <option value="condemned" {{ old('status', $asset->status) == 'condemned' ? 'selected' : '' }}>Condemned</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        
                        <h6 class="text-info font-weight-bold text-uppercase border-bottom pb-2 mb-3 mt-4">
                            <i class="fas fa-sitemap mr-1"></i> Assignment & Sourcing
                        </h6>
                        <div class="row">
                             <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Category <span class="text-danger">*</span></label>
                                    <select name="category_id" class="form-control bg-light border-0 custom-select" required>
                                        <option value="">Select Category</option>
                                        @foreach($categories as $category)
                                            <option value="{{ $category->id }}" {{ old('category_id', $asset->category_id) == $category->id ? 'selected' : '' }}>{{ $category->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Location <span class="text-danger">*</span></label>
                                    <select name="location_id" class="form-control bg-light border-0 custom-select" required>
                                        <option value="">Select Location</option>
                                        @foreach($locations as $location)
                                            <option value="{{ $location->id }}" {{ old('location_id', $asset->location_id) == $location->id ? 'selected' : '' }}>{{ $location->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                             <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Department</label>
                                    <select name="department_id" class="form-control bg-light border-0 custom-select">
                                        <option value="">Select Department</option>
                                        @foreach($departments as $department)
                                            <option value="{{ $department->id }}" {{ old('department_id', $asset->department_id) == $department->id ? 'selected' : '' }}>{{ $department->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Manufacturer</label>
                                    <input type="text" name="manufacturer" class="form-control bg-light border-0" placeholder="e.g. Dell" value="{{ old('manufacturer', $asset->manufacturer) }}">
                                </div>
                            </div>
                              <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Vendor</label>
                                    <select name="vendor_id" class="form-control bg-light border-0 custom-select">
                                        <option value="">Select Vendor</option>
                                        @foreach($vendors as $vendor)
                                            <option value="{{ $vendor->id }}" {{ old('vendor_id', $asset->vendor_id) == $vendor->id ? 'selected' : '' }}>{{ $vendor->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Quantity</label>
                                    <input type="number" name="quantity" class="form-control bg-light border-0" min="1" value="{{ old('quantity', $asset->quantity ?? 1) }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Year of Manufacture</label>
                                    <input type="number" name="year_of_manufacture" class="form-control bg-light border-0" placeholder="YYYY" min="1900" max="{{ date('Y') }}" value="{{ old('year_of_manufacture', $asset->year_of_manufacture) }}">
                                </div>
                            </div>
                        </div>
                        
                        <h6 class="text-success font-weight-bold text-uppercase border-bottom pb-2 mb-3 mt-4">
                            <i class="fas fa-dollar-sign mr-1"></i> Financial Information
                        </h6>
                         <div class="row">
                             <div class="col-md-4">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Purchase Date <span class="text-danger">*</span></label>
                                    <input type="date" name="purchase_date" value="{{ old('purchase_date', $asset->purchase_date ? $asset->purchase_date->format('Y-m-d') : '') }}" class="form-control bg-light border-0" required>
                                </div>
                            </div>
                             <div class="col-md-4">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Purchase Cost <span class="text-danger">*</span></label>
                                    <div class="input-group">
                                         <div class="input-group-prepend">
                                            <span class="input-group-text bg-light border-0">&#8358;</span>
                                        </div>
                                        <input type="text" name="purchase_cost" value="{{ old('purchase_cost', $asset->purchase_cost) }}" class="form-control bg-light border-0 currency-input" placeholder="0.00" required>
                                    </div>
                                </div>
                            </div>
                             <div class="col-md-4">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Current Value <span class="text-danger">*</span></label>
                                    <div class="input-group">
                                         <div class="input-group-prepend">
                                            <span class="input-group-text bg-light border-0">&#8358;</span>
                                        </div>
                                        <input type="text" name="current_value" value="{{ old('current_value', $asset->current_value) }}" class="form-control bg-light border-0 currency-input" placeholder="0.00" required>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Salvage Value</label>
                                    <div class="input-group">
                                         <div class="input-group-prepend">
                                            <span class="input-group-text bg-light border-0">&#8358;</span>
                                        </div>
                                        <input type="text" name="salvage_value" value="{{ old('salvage_value', $asset->salvage_value) }}" class="form-control bg-light border-0 currency-input" placeholder="0.00">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <h6 class="text-warning font-weight-bold text-uppercase border-bottom pb-2 mb-3 mt-4">
                            <i class="fas fa-chart-line mr-1"></i> Depreciation Details
                        </h6>
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <div class="custom-control custom-switch custom-switch-lg">
                                    <input type="checkbox" class="custom-control-input" id="is_depreciable" name="is_depreciable" value="1" {{ old('is_depreciable', $asset->is_depreciable) ? 'checked' : '' }}>
                                    <label class="custom-control-label font-weight-bold text-dark" for="is_depreciable" style="padding-top: 3px; cursor: pointer;">Is Depreciable Asset?</label>
                                </div>
                            </div>
                        </div>
                        <div class="row" id="depreciation_fields">
                             <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Method</label>
                                    <select name="depreciation_method_id" class="form-control bg-light border-0 custom-select">
                                        <option value="">Select Method</option>
                                        @foreach($depreciationMethods as $method)
                                            <option value="{{ $method->id }}" {{ old('depreciation_method_id', $asset->depreciation_method_id) == $method->id ? 'selected' : '' }}>{{ $method->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                             <div class="col-md-3">
                                <div class="form-group mb-3">
                                     <label class="font-weight-bold text-muted small text-uppercase">Frequency</label>
                                     <select name="depreciation_frequency" id="depreciation_frequency" class="form-control bg-light border-0 custom-select">
                                         <option value="monthly" {{ old('depreciation_frequency', $asset->depreciation_frequency) == 'monthly' ? 'selected' : '' }}>Monthly</option>
                                         <option value="quarterly" {{ old('depreciation_frequency', $asset->depreciation_frequency) == 'quarterly' ? 'selected' : '' }}>Quarterly</option>
                                         <option value="bi_annually" {{ old('depreciation_frequency', $asset->depreciation_frequency) == 'bi_annually' ? 'selected' : '' }}>Bi-Annually</option>
                                         <option value="annually" {{ old('depreciation_frequency', $asset->depreciation_frequency) == 'annually' ? 'selected' : '' }}>Annually</option>
                                     </select>
                                </div>
                            </div>
    
                             <div class="col-md-3">
                                <div class="form-group mb-3">
                                     <label class="font-weight-bold text-muted small text-uppercase" id="useful_life_label">Useful Life</label>
                                     <input type="number" name="useful_life" value="{{ old('useful_life', $asset->useful_life) }}" class="form-control bg-light border-0" placeholder="e.g. 60">
                                </div>
                            </div>
                             <div class="col-md-3">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Start Dep. Date</label>
                                    <input type="date" name="start_depreciation_date" value="{{ old('start_depreciation_date', $asset->start_depreciation_date ? $asset->start_depreciation_date->format('Y-m-d') : '') }}" class="form-control bg-light border-0">
                                </div>
                            </div>
                        </div>
                            
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Ownership Sign</label>
                                    <input type="text" name="ownership_sign" class="form-control bg-light border-0" placeholder="e.g. Property of IT Dept" value="{{ old('ownership_sign', $asset->ownership_sign) }}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Improvement Notes</label>
                                    <input type="text" name="improvement_notes" class="form-control bg-light border-0" placeholder="Notes on asset upgrades/improvements" value="{{ old('improvement_notes', $asset->improvement_notes) }}">
                                </div>
                            </div>
                        </div>
                            
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group mb-3">
                                    <label class="font-weight-bold text-muted small text-uppercase">Asset Description</label>
                                    <textarea class="form-control bg-light border-0" style="height:100px" name="description" placeholder="Description">{{ old('description', $asset->description) }}</textarea>
                                </div>
                            </div>
                        </div>
    
                        <div class="text-right mt-4 pt-3 border-top">
                             <a href="{{ route('assets.index') }}" class="btn btn-outline-secondary btn-lg mr-2">Cancel</a>
                             <button type="submit" class="btn btn-primary btn-lg px-5 shadow-sm">
                                 <i class="fas fa-save mr-2"></i> Update Asset
                             </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <style>
        .card-header { border-bottom: 0; }
        .form-control:focus, .custom-select:focus { border: 1px solid #ffc107; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25); background-color: #fff !important; }
        .bg-light { background-color: #f8f9fa !important; }
        /* Custom Switch Sizing */
        .custom-switch-lg .custom-control-label::before {
            height: 1.5rem;
            width: 2.5rem;
            border-radius: 2rem;
        }
        .custom-switch-lg .custom-control-label::after {
            width: 1.125rem;
            height: 1.125rem;
            border-radius: 2rem;
            top: 0.25rem;
            left: 0.125rem;
        }
        .custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
            transform: translateX(1rem);
        }
        .custom-switch-lg .custom-control-label {
            padding-left: 1.5rem;
        }
    </style>
@stop

@section('js')
    <script>
        $(document).ready(function() {
            // Currency Formatting
            function formatCurrency(element) {
                var value = element.val().replace(/,/g, '');
                if (value && !isNaN(value)) {
                    element.val(parseFloat(value).toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2}));
                }
            }

            $('.currency-input').on('blur', function() {
                formatCurrency($(this));
            });

            $('.currency-input').on('focus', function() {
                var value = $(this).val().replace(/,/g, '');
                if (value && !isNaN(value)) {
                    $(this).val(value);
                }
            });
            
            // Format on load
             $('.currency-input').each(function() {
                formatCurrency($(this));
            });

             // Strip commas on submit
            $('form').on('submit', function() {
                $('.currency-input').each(function() {
                    var value = $(this).val().replace(/,/g, '');
                    $(this).val(value);
                });
            });

             // Dynamic Useful Life Label
            function updateUsefulLifeLabel() {
                var frequency = $('#depreciation_frequency').val();
                var label = 'Useful Life';
                switch(frequency) {
                    case 'monthly':
                        label += ' (Months)';
                        break;
                    case 'quarterly':
                        label += ' (Quarters)';
                        break;
                    case 'bi_annually':
                        label += ' (Half-Years)';
                        break;
                    case 'annually':
                        label += ' (Years)';
                         break;
                    default:
                        label += ' (Periods)';
                }
                $('#useful_life_label').html(label);
            }

            // Depreciation toggle logic
            function toggleDepreciationFields() {
                if ($('#is_depreciable').is(':checked')) {
                    $('#depreciation_fields').slideDown();
                    $('select[name="depreciation_method_id"], select[name="depreciation_frequency"], input[name="useful_life"]').prop('required', true);
                    
                    $('select[name="depreciation_method_id"]').closest('.form-group').find('.text-muted').find('.text-danger').remove();
                    $('select[name="depreciation_method_id"]').closest('.form-group').find('.text-muted').append(' <span class="text-danger">*</span>');
                    
                    $('select[name="depreciation_frequency"]').closest('.form-group').find('.text-muted').find('.text-danger').remove();
                    $('select[name="depreciation_frequency"]').closest('.form-group').find('.text-muted').append(' <span class="text-danger">*</span>');
                    
                    updateUsefulLifeLabel();
                    $('#useful_life_label').append(' <span class="text-danger">*</span>');
                } else {
                    $('#depreciation_fields').slideUp();
                    $('select[name="depreciation_method_id"], select[name="depreciation_frequency"], input[name="useful_life"]').prop('required', false);
                    $('#depreciation_fields .text-danger').remove();
                }
            }

            $('#is_depreciable').change(function() {
                toggleDepreciationFields();
            });

            // Call on load
            toggleDepreciationFields();

            $('#depreciation_frequency').change(function() {
                updateUsefulLifeLabel();
            });

            // Initial call
            updateUsefulLifeLabel();
        });
    </script>
@stop