@extends('layouts.admin')

@section('content')
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <div id="app">
        <div class="page-title">
            <div class="title_left">
                <h3>Adaugă Ghișeu</h3>
            </div>

            <div class="title_right">
                <div class="col-md-5 col-sm-5  form-group pull-right top_search">
                    <a href="{{ route('counters.index', [
                        'location_id' => $selected,
                    ]) }}"
                        class="btn btn-primary float-right"><span class="fa fa-chevron-left"></span> Înapoi la
                        ghișee</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ă Ghișee <small>Creează Ghișeu </small></h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <br />
                        <form id="demo-form2" data-parsley-validate method="POST" action="{{ route('counters.store') }}"
                            enctype="multipart/form-data" class="form-horizontal form-label-left">
                            @csrf

                            <div class="item form-group">
                                <label class="col-form-label col-md-3 col-sm-3 label-align" for="counter_name">Număr ghișeu
                                    <span class="required">*</span>
                                </label>
                                <div class="col-md-6 col-sm-6">
                                    <input type="number" id="counter_name" name="counter_name" class="form-control"
                                        value="{{ old('counter_name', request()->input('counter_name')) }}">
                                    @error('counter_name')
                                        <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="ip">IP <span
                                        class="required">*</span>
                                </label>
                                <div class="col-md-6 col-sm-6">
                                    <input type="text" id="ip" name="ip" class="form-control "
                                        value="{{ old('ip', request()->input('ip')) }}">
                                    @error('ip')
                                        <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="location_id">Locație <span
                                        class="required">*</span></label>
                                <div class="col-md-6 col-sm-6 ">
                                    <select name="location_id" required="required" id="location_id"
                                        class="select2 select2_multiple form-control">
                                        @foreach ($locations as $location)
                                            <option value="{{ $location->id }}"
                                                {{ $selected == $location->id ? 'selected' : '' }}>{{ $location->mnemonic }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('location_id')
                                        <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