@extends('layouts.master')
@section('title'," Mail Hesabı Bilgileri")
@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') }}">
  <link rel="stylesheet" href="{{ asset('plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css') }}">
@endsection
@section('content')
 <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
        Mail Hesabı Bilgileri
          </h1>
          <ol class="breadcrumb">
        <li><a href="{{ route('anasayfa') }}"><i class="fa fa-dashboard"></i> Anasayfa</a></li>
        <li><a href="{{ route('mailler') }}"> Mail Hesapları</a></li>
        <li class="active">  Mail Hesabı Bilgileri</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('mail.kaydet', $emailHesabi->id) }}" method="POST">
        @csrf
        <div class="box box-default">
          <div class="box-body">
            <div class="row">
            <div class="col-md-4">
            <div class="form-group">
                    <label>Email Hesabı *</label>
                        <input type="email" class="form-control" name="email" value="{{ old('email',$emailHesabi->email) }}" required>
                  </div>
            </div>
            <div class="col-md-4">
            <div class="form-group">
                      <label>Şifre *</label>
                      <div class="input-group">
                          <input type="password" class="form-control" name="password" id="input-pwd" class="form-control validate" value="{{ old('password',$emailHesabi->password) }}" required>
                          <div class="input-group-btn">
                            <button type="button" toggle="#input-pwd" class="btn btn-primary toggle-password"><i id="sa" class="fa fa-eye"></i></button>
                          </div>
                        </div>
                  </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                          <label>Durum</label>
                            <select class="form-control select2" name="aktif_mi" style="width: 100%;">
                                <option>Seçim Yap</option>
                                <option value="1" {{ $emailHesabi->aktif_mi == 1 ? 'selected' : '' }} >Aktif</option>
                                <option value="0" {{ $emailHesabi->aktif_mi == 0 ? 'selected' : '' }}>Pasif</option>
                              </select>
                      </div>
                </div>
            </div>
            <div class="box-footer">
            <button class="btn btn-success pull-right"><i class="fa fa-check"></i>
            {{ $emailHesabi->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>
<!-- CK Editor -->
<script src="{{ asset('bower_components/ckeditor/ckeditor.js') }}"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="{{ asset('plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js') }}"></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>
<script>
  $(function () {
    // Replace the <textarea id="editor1"> with a CKEditor
    // instance, using default configuration.
    CKEDITOR.replace('editor1')
    //bootstrap WYSIHTML5 - text editor
    $('.textarea').wysihtml5()
  })
</script>
<script>
$('.toggle-password').on('click', function() {
  $('#sa').toggleClass('fa-eye fa-eye-slash');
  let input = $($(this).attr('toggle'));
  if (input.attr('type') == 'password') {
    input.attr('type', 'text');
  }
  else {
    input.attr('type', 'password');
  }
});
</script>
@endsection