@extends('layouts.admin')

@section('content')
    <div id="app">
        <div class="page-title">
            <div class="title_left">
                <h3>Adaugă Operațiune</h3>
            </div>

            <div class="title_right">
                <div class="col-md-5 col-sm-5  form-group pull-right top_search">
                    <a href="{{ url('admin/operations') }}" class="btn btn-primary float-right"><span
                            class="fa fa-chevron-left"></span> Înapoi la operațiuni</a>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="row">
            <div class="col-md-12 col-sm-12 ">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Administrează Operațiuni <small>Creează Operațiune</small></h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <br />
                        <form id="demo-form2" data-parsley-validate method="POST" action="{{ url('admin/operations') }}"
                            enctype="multipart/form-data" class="form-horizontal form-label-left">
                            @csrf
                            @method('POST')
                            <div class="item form-group">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="lang.ro">Română <span
                                        class="required">*</span>
                                </label>
                                {{ old('lang') }}
                                <div class="col-md-6 col-sm-6">
                                    <input type="text" id="lang.ro" name="lang.ro" class="form-control "
                                        value="{{ old('lang_ro', '') }}" />
                                    @error('lang_ro')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>
                            <div class="item form-group">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="lang.en">Engleză <span
                                        class="required">*</span>
                                </label>
                                <div class="col-md-6 col-sm-6">
                                    <input type="text" id="lang.en" name="lang.en" class="form-control"
                                        value="{{ old('lang_en', '') }}" />
                                    @error('lang_en')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>
                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 label-align" for="category_id">Categoria
                                </label>
                                <div class="col-md-6 col-sm-6 ">
                                    <select name="category_id" id="category_id" class="select2  form-control">
                                        <option value="{{ null }}">None</option>
                                        @foreach ($categories as $category)
                                            <option {{ old('category_id', '') == $category->id ? 'selected' : '' }}
                                                value="{{ $category->id }}">{{ $category->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('category_id')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>
                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 label-align" for="type">Tip <span
                                        class="required">*</span></label>
                                <div class="col-md-6 col-sm-6 ">
                                    <select name="type" required="required" id="type" class="select2  form-control">
                                        @foreach (App\Models\Type::TYPES as $type)
                                            <option value="{{ $type }}">{{ $type }}</option>
                                        @endforeach
                                    </select>
                                    @error('type')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>
                            <div class="item form-group">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="time_per_operation">Timpul
                                    maxim de operare (min) <span class="required">*</span>
                                </label>
                                <div class="col-md-6 col-sm-6 ">
                                    <input required="required" type="number" id="time_per_operation"
                                        name="time_per_operation" class="form-control"
                                        value="{{ old('time_per_operation', '15') }}" />
                                    @error('time_per_operation')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>
                            <div class="ln_solid"></div>
                            <div class="item form-group">
                                <div class="col-md-6 col-sm-6 offset-md-3">
                                    <button style="display:none" class="btn btn-primary" type="reset">Resetează
                                    </button>
                                    <button type="submit" class="btn btn-success">Salvează </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection