@extends('master.app')
@section('title', 'Add Asset')

@section('body')
<main class="app-content">
    <div class="container-fluid">

        <div class="d-flex align-items-center justify-content-between mb-3">
            <div>
                <h4 class="mb-0"><i class="bi bi-plus-circle"></i> Add New Asset</h4>
                <small class="text-muted">Create a new company asset record</small>
            </div>
            <a href="{{ route('company_asset.index') }}" class="btn btn-outline-dark">
                <i class="bi bi-arrow-left"></i> Back
            </a>
        </div>

        @if($errors->any())
            <div class="alert alert-danger">
                <div class="fw-bold mb-1"><i class="bi bi-exclamation-triangle"></i> Please fix the errors:</div>
                <ul class="mb-0">
                    @foreach($errors->all() as $e) <li>{{ $e }}</li> @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ route('company_asset.store') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <div class="row g-3">
                <div class="col-lg-8">
                    <div class="card shadow-sm border-0">
                        <div class="card-body">
                            <h6 class="mb-3"><i class="bi bi-card-checklist"></i> Asset Details</h6>

                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label">Asset Name *</label>
                                    <input type="text" name="name" value="{{ old('name') }}" class="form-control" required>
                                </div>

                                <div class="col-md-6">
                                    <label class="form-label">Asset Type *</label>
                                    <select name="type_id" class="form-select" required>
                                        <option value="">Select Type</option>
                                        @foreach($types as $t)
                                            <option value="{{ $t->id }}" {{ old('type_id') == $t->id ? 'selected' : '' }}>
                                                {{ $t->name ?? ('Type #'.$t->id) }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-6">
                                    <label class="form-label">Currency</label>
                                    <select name="currency_id" class="form-select">
                                        <option value="">Select Currency</option>
                                        @foreach($currencies as $c)
                                            <option value="{{ $c->id }}" {{ old('currency_id') == $c->id ? 'selected' : '' }}>
                                                {{ $c->name ?? $c->code ?? ('Currency #'.$c->id) }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-6">
                                    <label class="form-label">Department *</label>
                                    <input type="text" name="department" value="{{ old('department') }}" class="form-control" required>
                                </div>

                                <div class="col-md-6">
                                    <label class="form-label">Condition *</label>
                                    <input type="text" name="condition" value="{{ old('condition') }}" class="form-control" required
                                           placeholder="New / Used / Good / Damaged...">
                                </div>

                                <div class="col-md-3">
                                    <label class="form-label">Quantity *</label>
                                    <input type="number" name="quantity" value="{{ old('quantity', 1) }}" class="form-control" required min="1">
                                </div>

                                <div class="col-md-3">
                                    <label class="form-label">Price *</label>
                                    <input type="number" name="price" value="{{ old('price', 0) }}" class="form-control" required min="0">
                                </div>

                                <div class="col-md-6">
                                    <label class="form-label">Date *</label>
                                    <input type="date" name="date" value="{{ old('date', date('Y-m-d')) }}" class="form-control" required>
                                </div>

                                <div class="col-md-6">
                                    <label class="form-label">Model</label>
                                    <input type="text" name="model" value="{{ old('model') }}" class="form-control">
                                </div>

                                <div class="col-md-6">
                                    <label class="form-label">Vendor Number</label>
                                    <input type="text" name="vendor_number" value="{{ old('vendor_number') }}" class="form-control">
                                </div>

                                <div class="col-12">
                                    <label class="form-label">Description</label>
                                    <textarea name="description" rows="4" class="form-control">{{ old('description') }}</textarea>
                                </div>
                            </div>

                        </div>
                        <div class="card-footer bg-white d-flex justify-content-end gap-2">
                            <button class="btn btn-primary">
                                <i class="bi bi-save"></i> Save Asset
                            </button>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="card shadow-sm border-0">
                        <div class="card-body">
                            <h6 class="mb-3"><i class="bi bi-paperclip"></i> Attachments</h6>

                            <label class="form-label">Picture</label>
                            <input type="file" name="picture" class="form-control">

                            <div class="mt-3">
                                <label class="form-label">Document</label>
                                <input type="file" name="document" class="form-control">
                                <small class="text-muted">PDF/Doc/Excel/Zip supported</small>
                            </div>

                            <div class="mt-3">
                                <label class="form-label">Status</label>
                                <select name="status" class="form-select">
                                    <option value="1" selected>Active</option>
                                    <option value="0">Inactive</option>
                                </select>
                            </div>

                            <div class="alert alert-info mt-3 mb-0">
                                <i class="bi bi-info-circle"></i>
                                Total will be calculated automatically (Qty × Price).
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </form>

    </div>
</main>
@endsection