@extends('layouts.admin')

@section('content')
    <div>
        <div class="page-title">
            <div class="title_left">
                <h3>Editează 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' => $counter->location_id,
                    ]) }}"
                        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>Editează 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.update', ['counter' => $counter->id]) }}"
                            class="form-horizontal form-label-left">
                            @csrf
                            @method('PUT')

                            <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"
                                        value="{{ $counter->counter_name }}" class="form-control ">
                                    @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" value="{{ $counter->ip }}"
                                        class="form-control ">
                                    @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ția <span
                                        class="required">*</span></label>
                                <div class="col-md-6 col-sm-6 ">
                                    <select wire:model.defer="location_id" name="location_id" id="location_id"
                                        class="form-control">
                                        @foreach ($locations as $location_item)
                                            <option value="{{ $location_item->id }}"
                                                {{ $location_item->id == $counter->location_id ? 'selected' : '' }}>
                                                {{ $location_item->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">Actualizează </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /page content -->
@endsection