@extends('layouts.admin')

@section('content')
<!-- page content -->
    <div class="">
        <div class="page-title">
            <div class="title_left">
                <h3>Adăuga/Editeaza Ghișeu</h3>
            </div>

            <div class="title_right">
                <div class="col-md-5 col-sm-5  form-group pull-right top_search">
                    <a href = "{{url('admin/counters')}}" class= "btn btn-primary float-right"><span class="fa fa-chevron-left"></span> Inapoi 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>Administreaza Ghișee <small>Creeaza Ghișeu</small></h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <br />
                        <form id="demo-form2" data-parsley-validate method="POST" action="{{url('admin/counters/'.$counters->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">Nume <span class="required">*</span>
                                </label>
                                <div class="col-md-6 col-sm-6 ">
                                    <input type="text" id="counter_name" name="counter_name" value="{{$counters->counter_name}}" class="form-control ">
                                    @error('counter_name') <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">Locatia <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 == $counters->location_id) ? 'selected' : '' }}>{{$location_item->mnemonic}}</option>
                                        @endforeach
                                    </select>
                                    @error('location_id') <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="token_no">Numar Token <span class="required">*</span>
                                </label>
                                <div class="col-md-6 col-sm-6 ">
                                    <input type="text" id="token_no" name="token_no" value="{{$counters->token_no}}" class="form-control" readonly="readonly">
                                    @error('token_no') <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 class="btn btn-primary" type="reset">Reseteaza</button>
                                    <button type="submit" class="btn btn-success">Updateaza</button>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
</div>
<!-- /page content -->

@endsection