@extends('layouts.vertical')

@section('css')
<link href="{{ Helper::assets('assets/libs/select2/select2.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-sm-6 col-xl-6">
        <h4 class="mb-1 mt-0 font-weight-medium">Edit room</h4>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <form action="{{ route('room.update') }}" method="post" class="add-room-form">
            @csrf
            <div class="card">
                <div class="card-body">
                    <h5 class="font-size-18 pb-3">Basic info</h5>
                    <div class="row mb-2">
                        <div class="col-xl-8">
                            <div class="form-group row">
                                <label class="col-xl-3 col-form-label">Name of room</label>
                                <div class="col-xl-6">
                                    <input type="text" class="form-control @if($errors->has('name')) is-invalid @endif" name="name" value="{{ isset($room) ? $room->name : old('name') }}">
                                    @if($errors->has('name'))
                                    <label id="name-error" class="invalid-feedback" for="name">{{ $errors->first('name') }}</label>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-8">
                            <div class="form-group row">
                                <label class="col-xl-3 col-form-label">Short description</label>
                                <div class="col-xl-8">
                                    <textarea rows="3" class="form-control @if($errors->has('description')) is-invalid @endif" name="description" placeholder="">{{ isset($room) ? $room->description : old('description') }}</textarea>
                                    @if($errors->has('description'))
                                    <label id="description-error" class="invalid-feedback" for="description">{{ $errors->first('description') }}</label>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row border-bottom my-5 mx-n5"></div>
                    <h5 class="font-size-18 pb-3">Room ratio</h5>
                    <div class="row mb-2">
                        <div class="col-xl-6">
                            <div class="row mb-2">
                                <div class="col-sm-6">
                                    <div class="form-group row d-xl-flex">
                                        <label class="col col-form-label">No of teachers</label>
                                        <div class="col-xl-5">
                                            <input type="number" min="1" class="form-control text-xl-center numbers @if($errors->has('teachers')) is-invalid @endif" value="{{ isset($room) ? $room->teachers : old('teachers') }}" name="teachers" placeholder="">
                                            @if($errors->has('teachers'))
                                            <label id="teachers-error" class="invalid-feedback" for="teachers">{{ $errors->first('teachers') }}</label>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group row d-xl-flex">
                                        <label class="col col-form-label">No of children</label>
                                        <div class="col-xl-5">
                                            <input type="number" min="1" class="form-control text-xl-center numbers @if($errors->has('childs')) is-invalid @endif" value="{{ isset($room) ? $room->childs : old('childs') }}" name="childs" placeholder="">
                                            @if($errors->has('childs'))
                                            <label id="childs-error" class="invalid-feedback" for="childs">{{ $errors->first('childs') }}</label>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="my-5">
                <button type="submit" class="btn btn-success btn-min-width mr-2">Save changes</button>
            </div>
        </form>
    </div>
</div>
@endsection

@section('script-bottom')
<script defer src="{{ Helper::assets('assets/libs/validation/validate.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/validation/additional-methods.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/js/pages/room-add.js') }}" type="text/javascript"></script>
<script>
    
</script>
@endsection