@extends('panel.layout.base')

@section('title',$title)

@section('content')
    <div class="row">
        <div class="col-md-12 col-xl-12 col-xs-12 col-sm-12">
            {!! \App\Metha\TMethaForm::open([
                'method' => 'POST',
                'action' => $action
            ]) !!}
            @csrf
            <div class="card">
                <div class="card-body">
                    <div class="form-group">
                        <label>Kullanıcı</label>
                        <a href="{{ route('panel.users.update',['id' => $data['user']]) }}" class="form-control text-primary" style="text-decoration: underline;" id="user_id"></a>
                    </div>
                    <div class="form-group">
                        <label>Başvuru Tarihi</label>
                        <input type="text" class="form-control" name="application_date" disabled>
                    </div>
                    <div class="form-group">
                        <label>Mevcut Ülkesi</label>
                        <input type="text" class="form-control" name="current_country_title" disabled>
                    </div>
                    <div class="form-group">
                        <label>Değiştirilecek Ülke</label>
                        <input type="text" class="form-control" name="country_title" disabled>
                    </div>
                    <div class="form-group">
                        <button type="button" class="btn btn-info btn-sm btn-block" data-type="viewDoc"><i class="fa fa-file-pdf"></i> Evrak İncele</button>
                    </div>
                    <div class="form-group">
                        <label>Onay Durumu</label>
                        <select class="form-control" name="status">
                            <option value="P">Beklemede</option>
                            <option value="N">Onaylanmadı</option>
                            <option value="Y">Onaylandı</option>
                        </select>
                    </div>
                    <div class="form-group" data-type="note">
                        <label>Açıklama</label>
                        <textarea class="form-control" name="note" rows="3"></textarea>
                    </div>
                </div>
                <div class="card-footer">
                    <div class="btn-group">
                        <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Kaydet</button>
                        <a href="{{ route('panel.application.country.read') }}" class="btn btn-warning"><i class="fa fa-arrow-alt-circle-left"></i> Geri Dön</a>
                    </div>
                </div>
            </div>
            {!! \App\Metha\TMethaForm::close() !!}
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function(){
            var data = {!! json_encode($data) !!};
            var countryList = {!! json_encode(\App\Models\Countries::all()->mapWithKeys(function($item){
                return [$item->id => $item->title];
            })->toArray()) !!}
                $('[name="current_country_title"]').val(countryList[{{ $userInfoDetail->country_id }}]);
            console.log(data);
            $.each(data, function(key, value){
                if(key == 'user_id')
                {
                    $('#user_id').text(value);
                }else{
                    $('[name="' + key + '"]').val(value).change();
                }
            });

            $('[data-type="viewDoc"]').on('click', function(){
                window.open('{{ asset('storage/country-request/'.$data['document']) }}', '_blank');
            });

            $('[name="status"]').on('change', function(){
                if($(this).val() == 'N')
                {
                    $('[name="note"]').attr({
                        required: true
                    });
                    $('[data-type="note"]').show();
                }else{
                    $('[name="note"]').attr({
                        required: false
                    });
                    $('[data-type="note"]').hide();
                }
            });

            if($('[name="status"]').val() == 'N')
            {
                $('[data-type="note"]').show();
            }else{
                $('[data-type="note"]').hide();
            }
        });
    </script>
@endsection