<form role="form" id="form-edit-break-room">
    <div class="form-body">
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <label>Nội dung sửa chữa </label>
                    <textarea class="form-control" name="content"> {{ $breakHistory->content }}</textarea>
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                    <label>Trạng thái </label>
                    <select class="form-control" name="status" id="break-history-status">

                        <option @if($breakHistory->status == \App\Models\BreakHistory::NOT_DO) selected="" @endif value="{{ \App\Models\BreakHistory::NOT_DO }}">Chưa thực hiện</option>
                        <option @if($breakHistory->status == \App\Models\BreakHistory::DOING) selected="" @endif value="{{ \App\Models\BreakHistory::DOING }}">Đang thực hiện</option>
                        <option @if($breakHistory->status == \App\Models\BreakHistory::DONE) selected="" @endif value="{{ \App\Models\BreakHistory::DONE }}">Đã hoàn thành</option>

                    </select>
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                    <label>Người sửa chữa </label>
                    <input class="form-control" name="user_repair" value="{{ $breakHistory->user_repair }}" />
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                    <label>Chi phí sửa chữa </label>
                    <input class="form-control price-r" name="cost" value="{{ number_format($breakHistory->cost, 0, '.', '.') }}" />
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                    <label>Ngày sửa chữa </label>
                    <input class="form-control date-picker" name="day_repair" value="@if(!empty($breakHistory->day_repair)){{ \Carbon\Carbon::createFromFormat('Y-m-d', $breakHistory->day_repair)->format('d/m/Y') }} @endif" />
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                    <label>Tài sản liên quan </label>
                    <select class="form-control select2" name="item_id">

                        @php
                            $items = \App\Models\Item::select(DB::raw('items.*'))->join('room_items', 'items.id', '=', 'room_items.item_id')
                    ->where('room_items.room_id', $breakHistory->room_id)
                    ->get();
                        @endphp
                        <option value="">Vui lòng chọn</option>
                        @foreach($items as $item)

                            <option @if($breakHistory->item_id == $item->id) selected @endif value="{{ $item->id }}">{{ $item->name }} / {{ $item->code }}
                                / {{$item->reference}}</option>

                        @endforeach

                    </select>
                </div>
            </div>
            <input type="hidden" name="id" value="{{ $breakHistory->id }}">
            <div class="col-md-12">
                <label>Hình ảnh đã lưu</label>
                @php
                    $images = \DB::table('break_images')->where('break_id', $breakHistory->id)->get(); @endphp

                <div class="row">
                    <div class="col-md-12">
                        <div class="row" id="break_images_list" >

                            @if($images->count() > 0)
                                @foreach($images as $image)
                                    <div class="col-sm-6 col-md-4" style="margin-top: 15px">
                                        <a class="btn-delete-break-image" data-id="{{ $image->id }}">
                                        <i class="fa fa-trash" data-id="{{ $image->id }}" style="position: absolute; top: 0px; right: 0px; padding: 10px 10px;
    font-size: 18px; margin-right: 15px;
    background: red; color: white"></i>
                                        </a>
                                        <a href="javascript:;" class="thumbnail" style="width: 100%; height: 140px; background-image: url('/files/{{ $image->image }}');
                                                background-size: contain; background-repeat: no-repeat">
                                            {{--<img src="/files/{{ $image->image }}"--}}
                                            {{--alt="100%x180" style="height: 180px; width: 100%; display: block;"--}}
                                            {{-->--}}
                                        </a>
                                    </div>
                                @endforeach
                            @endif
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <label>Hình ảnh </label>
                <div class="dropzone dropzone-file-area" id="edit-dropzone-break" style="width: 100%; ">
                    <h4 class="sbold">Kéo thả hoặc bấm vào đây để chọn hình ảnh</h4>
                </div>
            </div>
            <span class="edit_break_images" id="edit_break_images"></span>
        </div>
    </div>
</form>

<script>


</script>

