Yazar: admin

php wise.com api kullanımı & wise.com api example

An english support is available for this project. You can have an english support for this work. Thus, you may send an e-mail to info@alicancanpolat.com. I don’t have an excellent english but i think we’ll get along.

bu api ile bir hesaptan bir hesaba dolar, euro veya tl her ne isterseniz gönderebiliyorsunuz. bir nevi banka gibi oluyorsunuz.

nerede bir göt göt api var beni bulur. avrupada halı saha & jigola merkezi ödemesinde kullanılmak üzere wise.com üzerinden bir api yazmam gerekiyordu. bunu yaptık fakat canımız çıktı. şimdi sırayla anlatıyorum, anlamayabilirsiniz, anlamadığınız yerleri mutlaka sorunuz.

api token alıyoruz bir tane wise.comdan.

1.adım – hangi para biriminden hangisine atacağımızı bildiriyoruz.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
$url = "https://api.transferwise.com/v2/quotes";
 
            $curl = curl_init($url);
            curl_setopt($curl, CURLOPT_URL, $url);
            curl_setopt($curl, CURLOPT_POST, true);
            curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
 
            $headers = array(
                "Authorization: Bearer $api_token",
                "Content-Type: application/json",
            );
            curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);
 
            $data = <<<DATA
                {
                    "sourceCurrency": "USD",
                    "targetCurrency": "USD",
                    "sourceAmount": 10,
                    "targetAmount": null,
                    "profile": PROFILEID
                }
                DATA;
 
            curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
 
 
            curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
            curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
 
            $resp = curl_exec($curl);
            curl_close($curl);

1.adımdan aldığın quoteUuid değerini tut.

2.adım – göndereceğin kişinin banka hesabı yok ise oluştur, var ise zaten sana aynı sonucu döndürüyor.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
$url = "https://api.transferwise.com/v1/accounts";
 
                $curl = curl_init($url);
                curl_setopt($curl, CURLOPT_URL, $url);
                curl_setopt($curl, CURLOPT_POST, true);
                curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
 
                $headers = array(
                    "Authorization: Bearer $api_token",
                    "Content-Type: application/json",
                );
                curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);
 
              
                $data = <<<DATA
                    {
                      "profile": 26112760,
                       "accountHolderName": "$name",
                        "currency": "USD",
                        "type": "aba",
                        "details": {
                            "legalType": "PRIVATE",
                            "abartn": "",
                            "accountNumber": "",
                            "accountType": "",
                            "address" : {
                                "country": "US",
                                "state": "AZ",
                                "city": "New York",
                                "postCode": "10025",
                                "firstLine": "45 Sunflower Ave"
                            }
                        }
                    }
                    DATA;
 
                curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
 
                curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
                curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
 
                $resp = curl_exec($curl);
                curl_close($curl);

buradan yine ID değeri döndürecek. O senin bank_account_id değerin. bunu da yaz bi kenara

3.aşama

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
$guid = (string) Str::uuid(); // https://www.uuidgenerator.net/api/guid create
 
$url = "https://api.transferwise.com/v1/transfers";
 
            $curl = curl_init($url);
            curl_setopt($curl, CURLOPT_URL, $url);
            curl_setopt($curl, CURLOPT_POST, true);
            curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
 
            $headers = array(
                "Authorization: Bearer $api_token",
                "Content-Type: application/json",
            );
            curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);
 
            $data = <<<DATA
                {
                    "targetAccount": $bank_account_id,
                    "quoteUuid": "$quoteUuid",
                    "customerTransactionId": "$guid"
                }
                DATA;
 
            curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
            curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
            curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
 
             $resp = curl_exec($curl);
            curl_close($curl);

artık paramızı, birimini, hangi kişiye olduğunu sisteme tanıttık.

burası bok gibi. try için değil fakat eur, usd için çift taraflı doğrulama istiyor bunu nasıl yapacağız.

Strong Customer Authentication dedikleri bi olay var. private ve public.pem diye bir dosya oluşturuyorsun. openssl ile oluştur.

1
2
$ openssl genrsa -out private.pem 2048
$ openssl rsa -pubout -in private.pem -out public.pem

https://github.com/robclark56/TransferWise_PHP_SimpleAPIclass/blob/master/README.md

public.pem ‘i api ayarları bölümünden yüklüyorsun. Private sende kalıyor. Şimdi son aşamayı iki defa gönderiyorsun.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
$url = "https://api.transferwise.com/v1/transfers";
 
            $curl = curl_init($url);
            curl_setopt($curl, CURLOPT_URL, $url);
            curl_setopt($curl, CURLOPT_POST, true);
            curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
 
            $headers = array(
                "Authorization: Bearer $api_token",
                "Content-Type: application/json",
            );
            curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);
 
            $data = <<<DATA
                {
                    "targetAccount": $bank_account_id,
                    "quoteUuid": "$quoteUuid",
                    "customerTransactionId": "$guid"
                }
                DATA;
 
            curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
            curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
            curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
 
             $resp = curl_exec($curl);
            curl_close($curl);

transferi başlattın. son aşama kaldı, transferi kendi bakiyenden düşmek.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
$url = "https://api.transferwise.com/v3/profiles/26112760/transfers/$transfer_id/payments";
 
            $curl = curl_init($url);
            curl_setopt($curl, CURLOPT_URL, $url);
            curl_setopt($curl, CURLOPT_POST, true);
            curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
 
            $headers = array(
                "Authorization: Bearer $api_token",
                "Content-Type: application/json",
            );
            curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);
 
            $data = <<<DATA
                    {
                        "type":"BALANCE"
                    }
                    DATA;
 
            curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
 
            curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
            curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
 
            curl_setopt($curl, CURLOPT_HEADER,true);
 
              $resp = curl_exec($curl);
 
            curl_close($curl);
 
            list($headers, $content) = explode("\r\n\r\n",$resp,2);
 
            $k = 0;
            foreach (explode("\r\n",$headers) as $hdr){
                $search_result=strstr($hdr,"x-2fa-approval: ");
                if($search_result){
                    $ott = $hdr;
                    $k = 1;
                }
            }
$ott = str_replace("x-2fa-approval: ","",$ott);

1
2
3
4
5
6
7
8
9
10
11
12
13
HTTP/1.1 403 Forbidden
Date: Fri, 03 Jan 2020 12:34:56 GMT
Content-Type: application/json;charset=UTF-8
x-2fa-approval-result: REJECTED
x-2fa-approval: be2f6579-9426-480b-9cb7-d8f1116cc8b9
...
{
    "timestamp": "2020-01-03T12:34:56.789+0000",
    "status": 403,
    "error": "Forbidden",
    "message": "You are forbidden to send this request",
    "path": "/v3/profiles/{profileId}/transfers/{transferId}/payments"
}

hemen header bölümüne bakıyorsun. Gördün mü bak x-2fa-approval diye bir değişken verdi sana. Bu telefonuna gönderilmiş sms gibi. Bunu sana ayarladım ott diye bir değişkende şu an o.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
$url = "https://api.transferwise.com/v3/profiles/26112760/transfers/$transfer_id/payments";
 
                $curl = curl_init($url);
                curl_setopt($curl, CURLOPT_URL, $url);
                curl_setopt($curl, CURLOPT_POST, true);
                curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
 
                $pkeyid = openssl_pkey_get_private("-----BEGIN RSA PRIVATE KEY-----
MIIEowIBAAKCAQEAtc9xJLHWeODKJv5z37tJLkzUHHCsdgTsfYzbmcv5kokkuT+D
YWIhs2qPJdjY/9WE/E7tAsWMxnWe78GKKAy+3sh8mFI3E1YeC3f3Fpti2KKjVBaR
12TxZeGntD0BGUHZait0cvZT+zDcB1kQQWNUx8dShbEiWrbpVh
MaYbMXQPhhIoaY8sjsUAKuqQQyGxl+SxR7r4v8+fZhJLqFQ7Hrua
-----END RSA PRIVATE KEY-----");
                openssl_sign($ott, $Xsignature, $pkeyid,OPENSSL_ALGO_SHA256);
                openssl_free_key($pkeyid);
                $Xsignature= base64_encode($Xsignature);
 
                $headers = array(
                    "Content-Type: application/json",
                    "Authorization: Bearer a17d5ea1-ba36-45d5-9dad-47341227ed5f",
                    "x-2fa-approval: $ott",
                    "X-Signature: $Xsignature",
                );
                curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);
 
                $data = '{"type": "BALANCE"}';
 
                curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
 
                curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
                curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
 
                $resp = curl_exec($curl);
                curl_close($curl);

artık çift aşamalı doğrulama da tamam. paramız gitti. bok gibi anlattım ama olsun anladınız. kaynak az zaten.

laravel collection create

şimdi laravelde bir User::all(); yaptık ve belli bir biçimde veriler geldi. Bunu diziye çevirdiğimizde aynı şekil kullanamıyordum. Bunu çevirmenin yolunu kendi çapımda buldum. burada subject değişkenini önceden çekilmiş verileri içerir. $subject = User::all() gibi.

1
2
3
4
5
6
7
8
9
$newsubject = new Collection();
        foreach ($subject as $s){
                $newsubject->push((object)[
                    'id' => $s->id
                ]);
            
            $i++;
        }
         $subject = $newsubject;

laravel route api 404 not found

bir api yaparken laravel üzerinde ilgili link üzerinden olmayan bir linke girildiğinde json olarak not found değeri geri döndürmesi için App\Exceptions\Handler.php içine girilmesi gereken kod;

1
2
3
4
5
6
7
8
9
if (strpos($request->getRequestUri(), '/api/', 0) === 0 &&
            get_class($exception) === NotFoundHttpException::class) {
            return response()->json([
                "status" => 'failure',
                "error" => 'Page not found',
                'code' => 404,
                "data" => null
            ], 404);
        }

php ftx withdraw api (para çekme)

size kaç adet olacağı, adress gideceği adres(anlaması çok güç olabilirdi), password para çekim şifresi, method ise trx mi erc mi olduğunu belli etmek için. şimdi para çekerken sms kaldıracaksın, çift doğrulama kaldıracaksın, bunlar olunca 1 gün bekleyeceksin, bi tane para çekme şifresi belirleyeceksin. ip engeli mutlaka koy götündeki donu da alırlar. sakat iş dikkatli abi.

method türleri

  • For ERC20 tokens: method=erc20
  • For TRC20 tokens: method=trx
  • For SPL tokens: method=sol
  • For Omni tokens: method=omni
  • For BEP2 tokens: method=bep2
  • For Binance Smart Chain tokens: method=bsc
  • For Fantom tokens: method=ftm
  • For Avax tokens: method=avax
  • For Matic tokens: method=matic

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<?php
 
// API keys.
$keys = array(
    'apiKey'=> '',
    'secretKey'=> ''
);
 
// Get current time * 1000 to make sure I get a timestamp in milliseconds. API asks for it this way.
$timestamp = time() * 1000;
 
// Base url for all api calls.
$baseURL = 'https://ftx.com/api';
 
// Specified url endpoint. This comes after the baseUrl.
$endPoint = '/wallet/withdrawals';
 
$specialParam = json_encode(
    [
          "coin"=>  "USDT",
          "size"=>  1,
          "address"=>  "to wallet address",
          "password" => '18812',
          "method" => 'trx'
    ]
);
 
// Data that should be added to the encryption of the keys.
$signature = $timestamp . 'POST/api' . $endPoint . $specialParam;
 
// Hashing the secret key.
$secret = hash_hmac('sha256', $signature, $keys['secretKey']);
 
// For account data
$url = $baseURL . $endPoint;
 
// Init session for CURL.
$ch = curl_init();
 
// Options
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'POST');
curl_setopt($ch, CURLOPT_FAILONERROR, false);
curl_setopt($ch, CURLOPT_POSTFIELDS, $specialParam);
 
// Init headers for access to the FTX API signed data.
$headers = array();
// $headers[] = 'Content-type: application/x-www-form-urlencoded';
$headers[] = 'Accept: application/json';
$headers[] = 'Content-Type: application/json';
$headers[] = 'FTX-KEY: ' . $keys['apiKey'];
$headers[] = 'FTX-SIGN: ' . $secret;
$headers[] = 'FTX-TS: ' . $timestamp;
 
// Setting headers
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
 
// Execute request.
$result = curl_exec($ch);
 
 
// Ends the CURL session, frees all resources and deletes the curl (ch).
curl_close($ch);
 
echo($result);
 
?>

php ftx api – bakiye sorgulama (get balances)

ftx api key bilginizi girerek bakiyenizi sorgulayabilirsiniz. öyle sınıf fonksiyon hepsinin amk. al direk temiz kullan. api key ve secret bilginizi girmeyi unutmayınız.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<?php
 
// API keys.
$keys = array(
    'apiKey'=> '',
    'secretKey'=> ''
);
 
// Get current time * 1000 to make sure I get a timestamp in milliseconds. API asks for it this way.
$timestamp = time() * 1000;
 
// Base url for all api calls.
$baseURL = 'https://ftx.com/api';
 
// Specified url endpoint. This comes after the baseUrl.
$endPoint = '/wallet/balances';
 
// Data that should be added to the encryption of the keys.
$signature = $timestamp . 'GET/api' . $endPoint;
 
// Hashing the secret key.
$secret = hash_hmac('sha256', $signature, $keys['secretKey']);
 
// For account data
$url = $baseURL . $endPoint;
 
// Init session for CURL.
$ch = curl_init();
 
// Options
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'GET');
curl_setopt($ch, CURLOPT_FAILONERROR, false);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
 
// Init headers for access to the FTX API signed data.
$headers = array();
$headers[] = 'Accept: application/json';
$headers[] = 'Content-Type: application/json';
$headers[] = 'FTX-KEY: ' . $keys['apiKey'];
$headers[] = 'FTX-SIGN: ' . $secret;
$headers[] = 'FTX-TS: ' . $timestamp;
 
// Setting headers
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
 
// Execute request.
$result = curl_exec($ch);
 
if (curl_errno($ch)) {
    echo(curl_error($ch));
    exit();
}
 
// Ends the CURL session, frees all resources and deletes the curl (ch).
curl_close($ch);
 
echo($result);
?>

laravel sürüme göre kurma (5-6-7-8 sürümünü kurma)

1
composer  create-project laravel/laravel yourNameProject  "8.*"

sondaki yıldız o sürümün en son versiyonunu belirtir. örneğin 8.* yıldızın karşılığı yanlış hatırlamıyorsam 8.6. Laravel 9 sonrası ihtiyaç olabilir diye yazıvereyim dedim. yoksa heryerde yazıyor zaten

laravel vue login register auth kontrolü

hemen login ve register controller oluşturuyoruz. login içine;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
public function login(Request $request)
    {
        $request->validate([
            'email' => ['required', 'email'],
            'password' => ['required']
        ]);
 
        if (Auth::attempt($request->only('email', 'password'),true)){
            return response()->json(Auth::user(), 200);
        }
        throw ValidationException::withMessages([
            'email' =>['The provided credentials are incorect.']
        ]);
    }
    public function logout()
    {
        Auth::logout();
        return redirect('/');
    }

register

1
2
3
4
5
6
7
8
9
10
11
12
13
14
public function register(Request $request)
    {
        $request->validate([
            'name' => ['required'],
            'email' => ['required', 'email', 'unique:users'],
            'password' =>['required', 'min:6', 'confirmed']
        ]);
 
        User::create([
            'name' => $request->name,
            'email' => $request->email,
            'password' => Hash::make($request->password)
        ]);
    }

api.php

1
2
3
4
5
6
7
Route::middleware('auth:sanctum')->get('/authenticated', function () {
    return true;
});
Route::post('register', 'App\Http\Controllers\RegisterController@register');
Route::post('login', 'App\Http\Controllers\LoginController@login');
Route::post('logout', 'App\Http\Controllers\LoginController@logout')->name("logout");

routes.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
{
        path: "/platform-users",
        name: "PlatformUsersIndex",
        component: PlatformUsersIndex,
        meta: {
            title: 'Platform Üyeleri',
            description:"Deneme",
            isLogin:true,
            isAdmin:true,
        },
    },
{
        path: '/register',
        component: Register,
        meta: {
            title: 'Register',
 
        }
    },
{
        path: '/login',
        component: Login,
        name: 'Login',
        meta: {
            title: 'Login',
        }
},

app.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
const router = new VueRouter({
    mode: "history",
    routes: routes
});
router.beforeEach((to, from, next) => {
    if(to.path == "/login" || to.path == "/register"){
        axios.get('/api/authenticated').then(()=>{
            return next({ name: 'PlatformUsersIndex'})
        }).catch(()=>{
            next()
        })
    }
    if(to.meta.isLogin == true){
        axios.get('/api/authenticated').then(()=>{
            next()
        }).catch(()=>{
            return next({ name: 'Login'})
        })
    }
    document.title = to.meta.title
    next();
})
 
 
const app = new Vue({
    el: "#app",
    router: router
});

laravel validation vue form is-invalid & error messages

laravelden dönen çeşitli hata mesajlarını formda is-invalid olarak göstermeyi anlatmaya çalışıyorum. daha çok yeniyim kodun eskidiğini düşünürseniz kapatın bu sayfayı.

ilk önce ilgili componentin data bölümüne field ve errors ekleyin.

1
2
3
4
5
6
data() {
        return {
            fields: [],
            errors: [],
        };
    },

örnek bir method da bu olsun;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
storeAccountUser() {
            axios
                .post("/api/AccountUser", {
                    username: this.form.username,
                    name: this.form.name,
                    api_key: this.form.api_key,
                    api_secret: this.form.api_secret,
                    platform: this.form.platform,
                })
                .then(res => {
                    this.$router.push({ name: "PlatformUsersIndex" });
                }).catch(error => {
                if (error.response.status === 422) {
                    this.errors = error.response.data.errors || {};
                }
            });
        },

burada 422li kısım bizim işimizi görüyor. 422 ile dönüyor çünkü laravel validation hataları.

template içindeki forma geliyoruz. örnek username satırını koyuyorum sadece gerisi sizde.

1
2
3
4
5
  <div class="form-group" style="margin-top: 10px">
                            <label>API Key</label>
                            <input type="text" :class="{ 'form-control is-invalid':errors.api_key,'form-control':!errors.api_key }" id="api_key" v-model="form.api_key"  placeholder="API Key">
                            <div v-if="errors.api_key" class="text-danger">{{ errors.api_key[0] }}</div>
                        </div>

daha kolayını bulan varsa iletebilir. şimdilik işimizi görür bence. yok frontende ayrı validation, backende ayrı. boş boş uğraşmayın amk. backend düşünsün. hata olursa iletir zaten.

laravel ajax validation ve error mesajlarını gösterme

controller tarafı böyle. eğer işlem başarılı ise en alta bi de success döndürürsün iş biter.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$validator = Validator::make($request->all(), [
            'sender' => ['required'],
            'recipient' => ['required'],
            'account_wallet' => ['required'],  
            'balance' => ['required'],
        ]);
 
        if ($validator->fails()) {
            return response()->json(['errors'=> $validator->errors()->messages()]);
        }
 
        if($request->sender == $request->recipient){
            return response()->json(['errorsv2'=> "farklı bir hata"]);
        }
        if($request->balance < 0){
            return response()->json(['errorsv2'=> "Lütfen rakamı kontrol ediniz"]);
        }
        $user_control = User::find($request->sender);
        if(!$user_control) return response()->json(['errorsv2'=> "Kullanıcı Bulunamadı"]);

view tarafı

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$("#submit").click(function (){
            $.ajax({
                url: "{{ route("cccccc") }}",
                data: $("#walletform").serialize(),
                type: "POST",
                success: function(answer){
                    if (answer.errors) {
                        $("span[id=myid]").remove();
                        $.each(answer.errors, function (i, error) {
                            var el = $(document).find('[name="' + i + '"]');
                            el.removeClass('is-valid');
                            el.addClass('is-invalid');
                            el.after($('<span id="myid" style="color: red;">' + error[0] + '</span>'));
                        })
                    }else if(answer.errorsv2){
                        swal("Error!", answer.errorsv2, "error");
                    }else if(answer.success){
                        
                        toastr.success('Successful', 'İşlem Başarılı')
                      
                        $('#formid')[0].reset();
                    }
                }
            });
        });

employees create vue #3

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
<template>
    <div>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-8">
                    <div class="card">
                        <div class="card-header">
                            Create Employees
                            <router-link
                                :to="{ name: 'EmployeesIndex' }"
                                class="float-right"
                                >Back</router-link
                            >
                        </div>
 
                        <div class="card-body">
                            <form @submit.prevent="storeEmployee">
                                <div class="form-group row">
                                    <label
                                        for="first_name"
                                        class="col-md-4 col-form-label text-md-right"
                                        >First Name</label
                                    >
 
                                    <div class="col-md-6">
                                        <input
                                            id="first_name"
                                            v-model="form.first_name"
                                            type="text"
                                            class="form-control "
                                            required
                                        />
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label
                                        for="middle_name"
                                        class="col-md-4 col-form-label text-md-right"
                                        >Middle Name</label
                                    >
 
                                    <div class="col-md-6">
                                        <input
                                            id="middle_name"
                                            v-model="form.middle_name"
                                            type="text"
                                            class="form-control "
                                            required
                                        />
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label
                                        for="last_name"
                                        class="col-md-4 col-form-label text-md-right"
                                        >Last Name</label
                                    >
 
                                    <div class="col-md-6">
                                        <input
                                            id="last_name"
                                            v-model="form.last_name"
                                            type="text"
                                            class="form-control "
                                            required
                                        />
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label
                                        for="address"
                                        class="col-md-4 col-form-label text-md-right"
                                        >Address</label
                                    >
 
                                    <div class="col-md-6">
                                        <input
                                            id="address"
                                            v-model="form.address"
                                            type="text"
                                            class="form-control "
                                            required
                                        />
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label
                                        for="country"
                                        class="col-md-4 col-form-label text-md-right"
                                        >Country</label
                                    >
 
                                    <div class="col-md-6">
                                        <select
                                            v-model="form.country_id"
                                            @change="getStates()"
                                            name="country"
                                            class="form-control"
                                            aria-label="Default select example"
                                        >
                                            <option
                                                v-for="country in countries"
                                                :key="country.id"
                                                :value="country.id"
                                                >{{ country.name }}</option
                                            >
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label
                                        for="state"
                                        class="col-md-4 col-form-label text-md-right"
                                        >State</label
                                    >
 
                                    <div class="col-md-6">
                                        <select
                                            v-model="form.state_id"
                                            @change="getCities()"
                                            name="state"
                                            class="form-control"
                                            aria-label="Default select example"
                                        >
                                            <option
                                                v-for="state in states"
                                                :key="state.id"
                                                :value="state.id"
                                                >{{ state.name }}</option
                                            >
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label
                                        for="department"
                                        class="col-md-4 col-form-label text-md-right"
                                        >Department</label
                                    >
 
                                    <div class="col-md-6">
                                        <select
                                            v-model="form.department_id"
                                            name="department"
                                            class="form-control"
                                            aria-label="Default select example"
                                        >
                                            <option
                                                v-for="department in departments"
                                                :key="department.id"
                                                :value="department.id"
                                                >{{ department.name }}</option
                                            >
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label
                                        for="city"
                                        class="col-md-4 col-form-label text-md-right"
                                        >City</label
                                    >
 
                                    <div class="col-md-6">
                                        <select
                                            v-model="form.city_id"
                                            name="city"
                                            class="form-control"
                                            aria-label="Default select example"
                                        >
                                            <option
                                                v-for="city in cities"
                                                :key="city.id"
                                                :value="city.id"
                                                >{{ city.name }}</option
                                            >
                                        </select>
                                    </div>
                                </div>
 
                                <div class="form-group row">
                                    <label
                                        for="zip_code"
                                        class="col-md-4 col-form-label text-md-right"
                                        >Zip Code</label
                                    >
 
                                    <div class="col-md-6">
                                        <input
                                            id="zip_code"
                                            v-model="form.zip_code"
                                            type="text"
                                            class="form-control "
                                            required
                                        />
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label
                                        for="zip_code"
                                        class="col-md-4 col-form-label text-md-right"
                                        >Birthdate</label
                                    >
                                    <div class="col-md-6">
                                        <datepicker
                                            v-model="form.birthdate"
                                            input-class="form-control"
                                        ></datepicker>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label
                                        for="zip_code"
                                        class="col-md-4 col-form-label text-md-right"
                                        >Date Hired</label
                                    >
                                    <div class="col-md-6">
                                        <datepicker
                                            v-model="form.date_hired"
                                            input-class="form-control"
                                        ></datepicker>
                                    </div>
                                </div>
                                <div class="form-group row mb-0 mt-4">
                                    <div class="col-md-6 offset-md-4">
                                        <button
                                            type="submit"
                                            class="btn btn-primary"
                                        >
                                            Store
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
 
<script>
import Datepicker from "vuejs-datepicker";
import moment from "moment";
export default {
    components: {
        Datepicker
    },
    data() {
        return {
            countries: [],
            states: [],
            departments: [],
            cities: [],
            form: {
                first_name: "",
                last_name: "",
                middle_name: "",
                address: "",
                country_id: "",
                state_id: "",
                department_id: "",
                city_id: "",
                zip_code: "",
                birthdate: null,
                date_hired: null
            }
        };
    },
    created() {
        this.getCountries();
        this.getDepartments();
    },
    methods: {
        getCountries() {
            axios
                .get("/api/employees/countries")
                .then(res => {
                    this.countries = res.data;
                })
                .catch(error => {
                    console.log(console.error);
                });
        },
        getStates() {
            axios
                .get("/api/employees/" + this.form.country_id + "/states")
                .then(res => {
                    this.states = res.data;
                })
                .catch(error => {
                    console.log(console.error);
                });
        },
        getCities() {
            axios
                .get("/api/employees/" + this.form.state_id + "/cities")
                .then(res => {
                    this.cities = res.data;
                })
                .catch(error => {
                    console.log(console.error);
                });
        },
        getDepartments() {
            axios
                .get("/api/employees/departments")
                .then(res => {
                    this.departments = res.data;
                })
                .catch(error => {
                    console.log(console.error);
                });
        },
        storeEmployee() {
            axios
                .post("/api/employees", {
                    first_name: this.form.first_name,
                    middle_name: this.form.middle_name,
                    last_name: this.form.last_name,
                    address: this.form.address,
                    country_id: this.form.country_id,
                    state_id: this.form.state_id,
                    city_id: this.form.city_id,
                    department_id: this.form.department_id,
                    zip_code: this.form.zip_code,
                    birthdate: this.format_date(this.form.birthdate),
                    date_hired: this.format_date(this.form.date_hired)
                })
                .then(res => {
                    this.$router.push({ name: "EmployeesIndex" });
                });
        },
        format_date(value) {
            if (value) {
                return moment(String(value)).format("YYYYMMDD");
            }
        }
    }
};
</script>
 
<style></style>