@extends('layouts.master')
@section('title',"Access Point & Modem Detay")
@section('head')
  <link rel="stylesheet" href="{{ asset('bower_components/select2/dist/css/select2.min.css') }}">
  <link rel="stylesheet" href="{{ asset('dist/css/AdminLTE.min.css') }}">
@endsection
@section('content')
 <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
        Access Point ve Modem Bilgileri
          </h1>
          <ol class="breadcrumb">
        <li><a href="{{ route('anasayfa') }}"><i class="fa fa-dashboard"></i> Anasayfa</a></li>
        <li><a href="{{ route('modemler') }}"> Access Point ve Modem</a></li>
        <li class="active">Access Point ve Modem Ekle</li>
      </ol>
    </section>
    <section class="content">
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    <form action="{{ route('modem.kaydet', @$modem->id) }}" method="POST">
        @csrf
        <div class="box box-default">
          <div class="box-body">
            <div class="row">
            <div class="col-md-6">
            <div class="form-group">
                    <label>Marka</label>
                    <div class="input-group">
                        <div class="input-group-addon">
                          <i class="fa fa-info"></i>
                        </div>
                        <input type="text" class="form-control" name="marka" value="{{ old('marka',$modem->marka) }}" placeholder="Marka">
                      </div>
                  </div>
            </div>
            <div class="col-md-6">
            <div class="form-group">
                    <label>SSID</label>
                    <div class="input-group">
                        <div class="input-group-addon">
                          <i class="fa fa-wifi"></i>
                        </div>
                        <input type="text" class="form-control" name="ssid" value="{{ old('ssid',$modem->ssid) }}" placeholder="SSID">
                      </div>
                  </div>
            </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                <div class="form-group">
                    <label>Konum</label>
                    <div class="input-group">
                        <div class="input-group-addon">
                          <i class="fa fa-map-marker"></i>
                        </div>
                        <input type="text" class="form-control" name="konum" value="{{ old('konum',$modem->konum) }}" placeholder="Modem Konum">
                      </div>
                  </div>
                </div>
                <div class="col-md-4">
                <div class="form-group">
                    <label>Uygulama</label>
                    <div class="input-group">
                        <div class="input-group-addon">
                          <i class="fa fa-tag"></i>
                        </div>
                        <input type="text" class="form-control" name="uygulama" value="{{ old('uygulama',$modem->uygulama) }}" placeholder="Uygulama">
                      </div>
                  </div>
                </div>
                <div class="col-md-4">
                <div class="form-group">
                    <label>Ağ Parolası</label>
                    <div class="input-group">
                        <div class="input-group-addon">
                          <i class="fa fa-key"></i>
                        </div>
                        <input type="text" class="form-control" name="ag_sifresi" value="{{ old('ag_sifresi',$modem->ag_sifresi) }}" placeholder="Ağ Parolası">
                      </div>
                  </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                <div class="form-group">
                  <label>IP Adresi</label>
                  <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-sitemap" aria-hidden="true"></i></span>
                  <input type="text" class="form-control" name="ip_adresi" value="{{ old('ip_adresi',$modem->ip_adresi) }}" data-inputmask="'alias': 'ip'" data-mask placeholder="IP Adresi">
                </div>
                </div>
                </div>
                <div class="col-md-4">
                <div class="form-group">
                    <label>Arayüz Kullanıcı Adı</label>
                    <div class="input-group">
                        <div class="input-group-addon">
                          <i class="fa fa-user-o"></i>
                        </div>
                        <input type="text" class="form-control" name="arayuz_kullanici" value="{{ old('arayuz_kullanici',$modem->arayuz_kullanici) }}" placeholder="Arayüz Kullanıcı Adı">
                      </div>
                  </div>
                </div>
                <div class="col-md-4">
                <div class="form-group">
                    <label>Arayüz Şifre</label>
                    <div class="input-group">
                        <div class="input-group-addon">
                          <i class="fa fa-key"></i>
                        </div>
                        <input type="text" class="form-control" name="arayuz_sifre" value="{{ old('arayuz_sifre',$modem->arayuz_sifre) }}" placeholder="Arayüz Şifre">
                      </div>
                  </div>
                </div>
            </div>
            <div class="box-footer">
            <button class="btn btn-success pull-right"><i class="fa fa-check"></i>
            {{ @$modem->id > 0 ? 'Güncelle' : 'Kaydet' }}
            </button>
          </div>
        </div>
        </div>
    </form>
      </section>
    <!-- /.content -->
  </div>
  @endsection
@section('footer')
<script src="{{ asset('bower_components/select2/dist/js/select2.full.min.js') }}"></script>
<script src="{{ asset('plugins/input-mask/jquery.inputmask.js') }}"></script>
<script src="{{ asset('plugins/input-mask/jquery.inputmask.date.extensions.js') }}"></script>
<script src="{{ asset('plugins/input-mask/jquery.inputmask.extensions.js') }}"></script>
<!-- Page script -->
<script>
  $(function () {
    //Initialize Select2 Elements
    $('.select2').select2()
    $('[data-mask]').inputmask()
    //iCheck for checkbox and radio inputs
    $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
      checkboxClass: 'icheckbox_minimal-blue',
      radioClass   : 'iradio_minimal-blue'
    })
    //Red color scheme for iCheck
    $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
      checkboxClass: 'icheckbox_minimal-red',
      radioClass   : 'iradio_minimal-red'
    })

  })
</script>
@endsection