@extends('layout.master')

@section('main_content')
    <div class="container-fluid">
        <div class="page-title">
            <div class="row">
                <div class="col-sm-6">
                    <h3>Please Fill the needed information about this maintnance.</h3>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('home') }}"><i data-feather="home"></i></a></li>
                        <li class="breadcrumb-item">Maintenance</li>
                        <li class="breadcrumb-item active">Maintain</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid starts-->
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <form class="theme-form" action="{{ route('maintenance.store', $item->IID) }}" method="POST"
                            enctype="multipart/form-data">
                            @method('PUT')
                            @csrf

                            <div class="row mb-3">
                                <label for="startDate" class="col-sm-2 col-form-label">Start Date</label>
                                <div class="col-sm-10">
                                    <input type="text" value="{{ now() }}" class="form-control" name="startDate"
                                        id="startDate" readonly>
                                </div>
                            </div>


                            <div class="row mb-3">
                                <label for="status" class="col-sm-2 col-form-label">Status</label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" style="height: 100px" name="status" id="status">{{ $item->maintenance->status }}</textarea>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="notice" class="col-sm-2 col-form-label">Other Notice</label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" style="height: 100px" name="notice" id="notice">{{ $item->maintenance->notice }}</textarea>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="endDate" class="col-sm-2 col-form-label">End Date</label>
                                <div class="col-sm-10">
                                    <input type="date" class="form-control" name="endDate" id="endDate">
                                </div>
                            </div>


                            <div class="row mb-3">
                                <label for="endTime" class="col-sm-2 col-form-label">End Time</label>
                                <div class="col-sm-10">
                                    <input type="time" class="form-control" name="endTime" id="endTime">
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="cpu" class="col-sm-2 col-form-label">CPU</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" size="40" name="cpu" id="cpu"
                                        value="{{ $item->ICPU }}">
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="ram" class="col-sm-2 col-form-label">Ram</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" size="40" name="ram" id="ram"
                                        value="{{ $item->IRAM }}">
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="hdd" class="col-sm-2 col-form-label">Hard Disk</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" size="40" name="hdd" id="hdd"
                                        value="{{ $item->IHHD }}">
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="vga" class="col-sm-2 col-form-label">VGA</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" size="40" name="vga" id="vga"
                                        value="{{ $item->IVGA }}">
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="monitor" class="col-sm-2 col-form-label">Monitor</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" size="40" name="monitor"
                                        id="monitor" value="{{ $item->IMonitor }}">
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="battery" class="col-sm-2 col-form-label">Battery</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" size="40" name="battery"
                                        id="battery" value="{{ $item->Battery }}">
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="box" class="col-sm-2 col-form-label">Box</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" size="40" name="box"
                                        id="box" value="{{ $item->Box }}">
                                </div>
                            </div>

                            <div class="row mb-3">
                                <label for="other" class="col-sm-2 col-form-label">Other</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" size="40" name="other"
                                        id="other" value="{{ $item->Other }}">
                                </div>
                            </div>


                    </div>
                    <div class="card-footer text-end">
                        <button class="btn btn-primary" type="submit">Submit</button>
                        <button class="btn btn-secondary">Cancel</button>
                    </div>
                </div>
            </div>
            </form>

        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('assets/js/tooltip-init.js') }}"></script>
@endsection