@php
    /**
     * @var array $data
     */
@endphp

@extends('crud.form')

@section('title')
    {{ $title }}
@endsection

@section('form-body')
    <div class="col-12">
        <div class="row mb-6">
            <div class="col">
                <label class="col-sm-2 col-form-label" for="email">E-mail</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="email" name="email" value="{{ old('email', $obj->email) }}" />
                </div>
            </div>
            <div class="col">
                <label class="col-sm-2 col-form-label" for="name">Имя</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="name" name="name" value="{{ old('name', $obj->name) }}" />
                </div>
            </div>
        </div>
        <div class="row mb-6">
            <div class="col-6">
                <label class="col-sm-2 col-form-label" for="roles">Роли</label>
                <div class="col-sm-10">
                    <select multiple class="form-control" id="roles" name="roles[]" aria-label="Multiple select">
                        @foreach($data['roles'] as $id => $name)
                            <option value="{{ $id }}" @if(in_array($id, $data['selectedRoles'])) selected @endif>{{ $name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-6">
                <label class="col-sm-2 col-form-label" for="roles">Отдел</label>
                <div class="col-sm-10">
                    <select class="form-control" id="department_id" name="department_id">
                        <option value="">Не указано</option>
                        @foreach($data['departments'] as $id => $name)
                            <option value="{{ $id }}" @if(old('department_id', $obj->department_id)) selected @endif>{{ $name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="row mb-6">
            <div class="col-lg-6">
                <label class="col-sm-2 col-form-label" for="password">Пароль</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="password" name="password" value="{{ old('password') }}" />
                </div>
            </div>
            <div class="col-lg-6">
                <label class="col-sm-2 col-form-label" for="password_confirmation">Подтвердите пароль</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="password_confirmation" name="password_confirmation" value="{{ old('password_confirmation') }}" />
                </div>
            </div>
        </div>
    </div>
    <div class="col-12">
        <div class="card mt-5">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5>Таргеты</h5>
            </div>
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            @foreach($data['months'] as $month)
                                <th class="w-15">{{ Illuminate\Support\Carbon::create()->month($month->month_number)->format('F') }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">
                        <tr>
                            @foreach($data['months'] as $month)
                                <td>
                                    <input  type="number"
                                            min="0"
                                            name="{{ 'targets[' . $month->id . ']' }}"
                                            value="{{ old('targets.' . $month->id, $data['targets']->firstWhere('work_calendar_id', $month->id)?->amount) }}" />
                                </td>
                            @endforeach
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            $('select option').on('mousedown', function (e) {
                this.selected = !this.selected;
                e.preventDefault();
            });
        });
    </script>
@endsection