@extends('_layouts.app')

@section('content')
  <div class="content page-office">
    <div class="card">
      <div id="form-error"></div>
      <form method="post" action="" id="form-office">
        <div class="card-body">
          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
                <label for="name">Name{!! requiredMark() !!}</label>
                <input type="text" name="name" class="form-control" id="name" value="{{ $item->name ?? '' }}">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="slug">Slug{!! requiredMark() !!}</label>
                <input type="text" name="slug" class="form-control" id="slug" value="{{ $item->slug ?? '' }}">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="services">Services</label>
                <select class="form-control select2" name="services" id="services" style="width: 100%;" multiple="multiple" data-placeholder="Select services" {!! dropDownColor() !!}>
                  @foreach (config('sibelagu.services') as $id => $service)
                    @php
                      $selected = in_array($id, $item->services ?? []) ? 'selected' : '';
                    @endphp
                    <option value="{{ $id }}" {{ $selected }}>{{ $service['title'] }}</option>
                  @endforeach
                </select>
              </div>
            </div>
          </div>
        </div>
        <div class="card-footer">
          {!! showButton('submit') !!}
          {!! showButton('cancel', route('office')) !!}
          @if (isset($item))
            {!! showButton('delete') !!}
          @endif
        </div>
      </form>
    </div>
  </div>
  <script>
    var itemData = {!! $item ?? json_encode(['id' => 0]) !!};
  </script>
@endsection

@section('title')
  {{ isset($item) ? 'Edit office' : 'New office' }}
@endsection