@extends('layouts.app')

@section('title')
    Storage Equipment
@endsection

@section('breadcrumb')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0 text-dark">
                    <i class="nav-icon ml-3 fas fa-memory"></i>
                    {{__('Storage Equipment')}}
                </h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{route('admin.index')}}">{{__('Home')}}</a></li>
                    <li class="breadcrumb-item">
                        <a href="{{route('admin.storage_equipment.index')}}">{{ __('Storage Equipment') }}</a>
                    </li>
                    <li class="breadcrumb-item active">{{ __('Storage Equipment') }}</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
@endsection

@section('content')

    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">{{ __('Storage Equipment') }}</h3>
        </div>
        <!-- /.card-header -->
        <!-- /.card-body -->
    </div>

    <div class="card card-primary col-lg-12 p-1 m-0 mb-3">
        <div class="card-body m-0 p-0">
            <div class="row m-2">
    
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="equipment_id"><span style="color:red">*</span> {{ __('Equipment')}}</label>
                        <div class="input-group mb-3">
                            @if(isset($se))
                            <select required @if(isset($se)) disabled @endif id="equipment_id" name="equipment_id" class="form-control select2">
                                <option value=""></option>
                                @foreach($equipment as $e)
                                <option value="{{$e->id}}" @if(isset($se->equipment) && $se->equipment->id == $e->id) selected @endif>{{$e->name}}</option>
                                @endforeach
                            </select> 
                            @else
                            <select required id="equipment_id" name="equipment_id" class="form-control select2">
                                <option value=""></option>
                                @foreach($equipment as $e)
                                <option value="{{$e->id}}" @if(isset($se->equipment) && $se->equipment->id == $e->id) selected @endif @if(in_array($e->id, $used_equipment)) disabled @endif>{{$e->name}}</option>
                                @endforeach
                            </select>  
                            @endif
                        </div>
                    </div>
                </div>
    
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="location_id">{{ __('Location')}}</label>
                        <div class="input-group mb-3">
                            <input type="text" id="location_id" class="form-control" disabled @if(isset($se->equipment->location)) value="{{$se->equipment->location->location}}" @endif>
                        </div>
                    </div>
                </div>
                
            </div>
    
        </div>  
    </div>
    
    <div class="card card-primary col-lg-12 p-1 m-0 mb-3">
        <div class="card-header">
            <h6 class="m-0 p-0">
                {{ __('Storage List') }}
            </h6>
        </div>
    
        <div class="card-body m-0 p-0" id="storage">
    
            @if(isset($se))
    
            @foreach ($se->all_storage->sortBy('storage_number') as $storage)
    
            <div class="card m-2 storage" id="storage_{{$storage->id}}">
                <p class="m-0 p-0 card-header p-2" style="font-weight:600;">Storage Number - {{$storage->storage_number}}</p>
                <div class="card-body positions m-2 p-1">
                @foreach($storage->positions->sortBy('position') as $position)
                    <div class="card position m-1" id="position_{{$position->id}}">
                        <p class="card-header">Position - <span class="position_name" style="font-weight: 600;">{{$position->position}}</span></p>
    
                        <div class="labels card-body p-1">
                            <ul class="list-group list-group-flush label_group">
                                <li class="list-group-item" style="font-weight:600; padding: 2px 2px 2px 4%;">Labels</li>
                        @foreach($position->labels->sortBy('label') as $label)
                                <li class="label list-group-item" style="padding: 2px 2px 2px 6%;">{{$label->label}}</li>
                        @endforeach
                            </ul>
                        </div>
    
                    </div>
                @endforeach
                </div>
            </div>
                
            @endforeach
    
            @endif
    
        </div>
    
    </div>
    
    <input type="hidden" name="storage_inputs" id="storage_inputs">
    <input type="hidden" name="position_inputs" id="position_inputs">
    <input type="hidden" name="label_inputs" id="label_inputs">

    </div>
    
@endsection

@section('scripts')
    <script src="{{url('js/admin/storageequipment.js')}}"></script>
@endsection