@extends('admin.app')
@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">E-Posta Hesapları</h2>
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a
                                            href="/panel/gosterge-paneli">Gösterge
                                            Paneli</a>
                                    </li>
                                    <li class="breadcrumb-item active">E-Posta Hesapları
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <!-- Data list view starts -->
                <section id="data-list-view" class="data-list-view-header">

                    <div class="card">

                        <div class="card-content">
                            <div class="card-body">
                                <button type="button" class="btn btn-md btn-primary pull-right" data-toggle="modal"
                                        data-target="#add-email-modal">E-Posta Hesabı Ekle
                                </button>
                                <!-- Modal -->
                                <div class="modal fade" id="add-email-modal" tabindex="-1" role="dialog"
                                     aria-labelledby="add-email-modalModalLabel" aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="add-email-modalModalLabel">E-Posta Hesabı
                                                    Ekle</h5>
                                                <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <form id="add-email-form">
                                                    {{csrf_field()}}
                                                    <div class="row">
                                                        <div class="col-6">
                                                            <div class="form-group">
                                                                <label>E-Posta Adresi</label>
                                                                <input type="text" class="form-control" placeholder="Örn: info" name="email">
                                                            </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <label>Uzantı</label>
                                                            <p style="margin-left: -25px;margin-top: 5px;font-size: 18px">{{'@'.getenv('APP_DOMAIN')}}</p>
                                                        </div>
                                                        <div class="col-12">
                                                            <p>Şifreniz en az 1 küçük harf, 1 büyük harf, 1 sembol ve 1 sayı içermeli ve en az 6 haneli olmalıdır.</p>
                                                            <div class="form-group">
                                                                <label>Şifre</label>
                                                                <input type="password" class="form-control" name="password">
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <label>Şifre (Tekrar)</label>
                                                                <input type="password" class="form-control" name="password_confirmation">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                                                    Kapat
                                                </button>
                                                <button type="button" class="btn btn-primary" id="add-email-button">Ekle</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Table with outer spacing -->
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th>E-Posta Hesabı</th>
                                            <th>Aksiyon</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <form id="emails-form" action="javascript:;">
                                            {{csrf_field()}}
                                            @if($status == 1)
                                            @foreach($emails as $ema => $email)
                                                @if($email->login != 'Main Account')
                                                <tr id="email-{{$ema}}">
                                                    <td>{{$email->email}}</td>
                                                    <td>
                                                        <div class="btn-group"><button type="button" data-email="{{$email->email}}"
                                                                class="btn btn-md btn-success edit-email waves-effect waves-light"><i
                                                                    class="fa fa-edit"></i></button></div>
                                                        <div class="btn-group">
                                                            <button data-email="{{$email->email}}"
                                                                    class="btn btn-md btn-danger waves-effect waves-light del-blog">
                                                                <i class="feather icon-delete"></i></button>
                                                        </div>
                                                    </td>
                                                </tr>
                                                @endif
                                            @endforeach
                                                @endif
                                        </form>
                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div>
                    </div>

                </section>
                <!-- Data list view end -->

            </div>
        </div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="edit-mail-password" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">Şifre Değiştir</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="edit-mail-password-form">
                        {{csrf_field()}}
                        <input type="hidden" name="email" value="" id="edit-mail-password-id">
                        <div class="col-12">
                            <div class="form-group">
                                <label>Şifre</label>
                                <input type="password" class="form-control" name="password">
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <label>Şifre (Tekrar)</label>
                                <input type="password" class="form-control" name="password_confirmation">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Kapat</button>
                    <button type="button" class="btn btn-primary" id="edit-password-button">Değiştir</button>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/plugins/extensions/toastr.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/vendors.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/extensions/toastr.css')}}">
@endsection
@section('js')

    <!-- BEGIN: Page Vendor JS-->
    <script src="{{asset('app-assets/vendors/js/ui/jquery.sticky.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/extensions/toastr.min.js')}}"></script>
    <!-- END: Page Vendor JS-->
    <!-- BEGIN: Page JS-->
    <script src="{{asset('app-assets/js/scripts/extensions/toastr.js')}}"></script>
    <script>
        $('.edit-email').on('click',function () {
            var email = $(this).data('email');
            $.when($('#edit-mail-password-id').attr('value',email)).then(
            $('#edit-mail-password').modal('show'));
        });
        $('#edit-password-button').on('click',function () {
           $.post('{{route('edit-email-password')}}',$('#edit-mail-password-form').serialize(),function (response) {
               if(response.status == 'success'){
                   toastr.success(response.msg, 'Başarılı!', {
                       positionClass: 'toast-bottom-right',
                       containerId: 'toast-bottom-right'
                   });
                   $('#edit-mail-password').modal('hide');
                   $('#edit-mail-password').trigger('reset');
               }else{
                   toastr.warning(response.msg, 'Hata!', {
                       positionClass: 'toast-bottom-right',
                       containerId: 'toast-bottom-right'
                   });
               }
           }).fail(function (response) {
               toastr.warning(response.message, 'Hata!', {
                   positionClass: 'toast-bottom-right',
                   containerId: 'toast-bottom-right'
               });
           });;
        });
        $('.del-blog').click(function (e) {
            var email = $(this).data('email');
            e.preventDefault();
            if (window.confirm("Silmek istediğinize emin misinz?")) {
                $.get('{{route('delete-email')}}?email=' + email, function (response) {
                    if (response.status == 'success') {
                        toastr.success(response.msg, 'Başarılı!', {
                            positionClass: 'toast-bottom-right',
                            containerId: 'toast-bottom-right'
                        });
                        setTimeout(function () {
                            window.location.reload();
                        }, 300);
                    } else {
                        toastr.warning(response.msg, 'Hata!', {
                            positionClass: 'toast-bottom-right',
                            containerId: 'toast-bottom-right'
                        });
                    }
                }).fail(function (response) {
                    toastr.warning(response.message, 'Hata!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                });;
            }
        });
        $('#add-email-button').on('click',function () {
           $.post('{{route('create-email')}}',$('#add-email-form').serialize(),function (response) {
               if(response.status == 'success'){
                   toastr.success(response.msg, 'Başarılı!', {
                       positionClass: 'toast-bottom-right',
                       containerId: 'toast-bottom-right'
                   });
                   setTimeout(function () {
                       window.location.reload();
                   }, 300);
               }else{
                   toastr.warning(response.msg, 'Hata!', {
                       positionClass: 'toast-bottom-right',
                       containerId: 'toast-bottom-right'
                   });
               }
           }).fail(function (response) {
               response = response.responseJSON;
               $.each(response.errors, function( index, value ) {

                       toastr.warning(value, 'Hata!', {
                           positionClass: 'toast-bottom-right',
                           containerId: 'toast-bottom-right'
                       });


               });
           });
        });

    </script>
@endsection