@extends('admin.layouts.app')
@section('content')
<div class="container-scroller">
    {{-- navbar - top --}}
    @include('admin.layouts.topbar')
    <div class="container-fluid page-body-wrapper">
        {{-- navbar - side --}}
        @include('admin.layouts.nav')
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="row">
            <div class="col-md-12 grid-margin">
              <div class="row">
                <div class="col-12 col-xl-8 mb-2 mb-xl-0">
                    <h3 class="font-weight-bold">Kiosk / Create</h3>
                </div>
              </div>
            </div>
          </div>
          <div class="row justify-content-center">
            <div class="col-md-6 grid-margin">
                <div class="card shadow-lg">
                  <div class="card-body">
                    <div class="d-flex justify-content-between mb-3">
                        <h4 class="card-title mt-2">Kiosk Details</h4>
                    </div>
                    <form action="{{ route('kioskDevices.store') }}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label for="codename">Codename<span class="text-danger">*</span></label>
                            <input type="text" class="form-control form-control-sm" id="codename" name="codename" placeholder="codename of this kiosk (stored in Kiosk's storage)">
                            @error('codename')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="name">Name<span class="text-danger">*</span></label>
                            <input type="text" class="form-control form-control-sm" id="name" name="name" placeholder="Name of this Kiosk">
                            @error('name')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="location">Location (address)<span class="text-danger">*</span></label>
                            <input type="text" class="form-control form-control-sm" id="location" name="location" value="{{ old('location') }}" placeholder="where this kiosk is located">
                            @error('location')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="form-row">
                            <div class="col-6 form-group">
                                <label for="city">City<span class="text-danger">*</span></label>
                                <input type="text" class="form-control form-control-sm" id="city" name="city" value="{{ old('city') }}" placeholder="city of this kiosk's location">
                                @error('city')
                                    <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-6 form-group">
                                <label for="pincode">Pincode<span class="text-danger">*</span></label>
                                <input type="text" class="form-control form-control-sm" id="pincode" name="pincode" value="{{ old('pincode') }}" placeholder="pincode of this kiosk's location">
                                @error('pincode')
                                    <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="col-6 form-group">
                                <label for="latitude">Latitude<span class="text-danger">*</span></label>
                                <input type="text" class="form-control form-control-sm" id="latitude" name="latitude" value="{{ old('latitude') }}" placeholder="latitude of this kiosk's location">
                                @error('latitude')
                                    <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-6 form-group">
                                <label for="longitude">Longitude<span class="text-danger">*</span></label>
                                <input type="text" class="form-control form-control-sm" id="longitude" name="longitude" value="{{ old('longitude') }}" placeholder="longitude of this kiosk's location">
                                @error('longitude')
                                    <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <button class="btn btn-outline-primary" type="submit">Save</button>
                        <a href="{{ route('kioskDevices.index') }}" class="btn btn-outline-info mr-2">Go Back</a>
                    </form>
                  </div>
                </div>
            </div>
        </div>
</div>
@endsection
@extends('admin.layouts.footer')