@extends('layouts.admin')

@section('content')
<div class="row">
  <div class="col-md-6">
     <div class="card shadow-lg">
      <div class="card-body pt-5">
        <div class="text-center">
          <h1 class="h4 text-gray-900 mb-4">Edit Computer</h1>
        </div>
        <form class="user" action="{{ route('computer.update') }}" method="post">
          @csrf
          <input type="hidden" name="id" value="{{ $computer->id }}">
          <div class="row justify-content-md-center">
            @if ($errors->any())
              <div class="col-md-8 mt-3">
                <div class="alert alert-danger bg-gradient-danger">
                  <ul style="list-style: none;margin-bottom: 0;color: #fff;">
                      @foreach ($errors->all() as $error)
                          <li>{{ $error }}</li>
                      @endforeach
                  </ul>
                </div>
              </div>
            @endif

            <div class="col-md-8 mt-3">
              <div class="form-group bmd-form-group">
                <input type="text" name="name" class="form-control form-control-user" placeholder="Name *" value="{{ $computer->name }}" required>
                {!! $errors->first('name', '<p class="help-block text-danger mb-0">:message</p>') !!}
              </div>
            </div>

            <div class="col-md-8 mt-3">
              <div class="form-group bmd-form-group">
                <select name="departmentFK" class="form-control form-control-user" required>
                  <option>- Department -</option>
                  @foreach($department as $key=>$value)
                  <option  value="{{$value->id}}" @if(!empty($computer->departmentFK) && $computer->departmentFK == $value->id) selected @endif>{{$value->name}}</option>
                  @endforeach
                </select>
                {!! $errors->first('department', '<p class="help-block text-danger mb-0">:message</p>') !!}
              </div>
            </div>

            <div class="col-md-8 mt-3">
              <div class="form-group bmd-form-group">
                <input type="number" name="order" class="form-control form-control-user" placeholder="Order" value="{{ $computer->order }}">
                {!! $errors->first('order', '<p class="help-block text-danger mb-0">:message</p>') !!}
              </div>
            </div>

             <div class="col-md-8 mt-5">
                <button type="submit" class="btn btn-primary btn-block btn-user">Save</button>
            </div>
          </div>          
          <div class="clearfix"></div>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection

@section('style')
<style type="text/css">
    select:invalid { color: gray; }
    .form-control-user{
      font-size: .8rem;
      border-radius: 10rem;
      padding: 0rem 1rem !important;
    }
</style>
@endsection

@section('script')

@endsection