@extends('panel.sayfalar.master')
@section('yonetim')
<div class="nk-content nk-content-fluid">
    <div class="container-xl">
        <div class="nk-content-inner">
            <div class="nk-content-body">

                <div class="nk-block-head nk-block-head-sm">
                    <div class="nk-block-between">
                        <div class="nk-block-head-content">
                            <h3 class="nk-block-title page-title">Font Yönetimi</h3>
                        </div>
                        <div class="nk-block-head-content">
                            <div class="toggle-wrap nk-block-tools-toggle">
                                <a href="#" class="btn btn-icon btn-trigger toggle-expand me-n1" data-target="pageMenu">
                                    <em class="icon ni ni-more-v"></em>
                                </a>
                                <div class="toggle-expand-content" data-content="pageMenu">
                                    <ul class="nk-block-tools g-3">
                                        <li class="nk-block-tools-opt"><a href="{{route('panel.bilgi.duzenle')}}"
                                                class="btn btn-success"><span>İletişim Ayarları</span></a></li>
                                        <li class="nk-block-tools-opt"><a href="{{route('panel.sosyalmedya.duzenle')}}"
                                                class="btn btn-info"><span>Sosyal Medya Ayarları</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="nk-block">
                    <div class="row g-gs mb-5">
                        <div class="col-lg-6">
                            <div class="card h-100">
                                <div class="card-inner">
                                    <div class="row g-gs">
                                        <div class="col-lg-12 col-sm-6">
                                            <form action="{{ route('panel.ana.font.duzenle.form') }}" method="post"
                                                class="form-validate" enctype="multipart/form-data">
                                                @csrf
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="fv-topics">Ana Font</label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" id="font1"
                                                                    name="font1" required>

                                                                    @foreach ($data as $item) 
                                                                        <option value="{{$item->fontadi}}"{{$item->fontadi == $ayar->font1 ? 'selected' : ''}}>{{$item->fontadi}}</option>
                                                                    @endforeach
                                                                    
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12 mt-2">
                                                        <div class="form-group">
                                                            <button type="submit"
                                                                class="btn btn-l btn-primary w-100 justify-content-center"
                                                                onclick="validateForm(event)">
                                                                <span>Kaydet</span>
                                                                
                                                            </button>
                                                        </div>
                                                    </div>
                                               
                                            </form>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="card h-100">
                                <div class="card-inner">
                                    <div class="row g-gs">
                                        <div class="col-lg-12 col-sm-6">
                                            <form action="{{ route('panel.alternatif.font.duzenle.form') }}" method="post"
                                                class="form-validate" enctype="multipart/form-data">
                                                @csrf
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="fv-topics">Alternatif Font</label>
                                                            <div class="form-control-wrap">
                                                                <select class="form-select js-select2" id="font2"
                                                                    name="font2" required>

                                                                    @foreach ($data as $item) 
                                                                        <option value="{{$item->fontadi}}"{{$item->fontadi == $ayar->font2 ? 'selected' : ''}}>{{$item->fontadi}}</option>
                                                                    @endforeach
                                                                    
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12 mt-2">
                                                        <div class="form-group">
                                                            <button type="submit"
                                                                class="btn btn-l btn-primary w-100 justify-content-center"
                                                                onclick="validateForm(event)">
                                                                <span>Kaydet</span>
                                                                
                                                            </button>
                                                        </div>
                                                    </div>
                                               
                                            </form>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        
                       
                    </div>
                    <div class="row g-gs mb-5">
                        <div class="col-lg-12">
                            <div class="card h-100">
                                <div class="card-inner">
                                    <div class="row g-gs">
                                        <div class="nk-block-head-content">
                                            <h4 class="nk-block-title page-title">Font Düzenle</h4>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="example-alert">
                                                <div class="alert alert-info alert-icon"><em class="icon ni ni-check-circle"></em> <strong>Bu alanda yeni font ekleyebilirsiniz!</strong> Font eklerken Google Font Sitesindeki @import kodunu eklemelisiniz...</div>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-sm-6">
                                            <form action="{{ route('panel.font.duzenle.form') }}" method="post"
                                                class="form-validate" enctype="multipart/form-data">
                                                @csrf
                                                <input type="hidden" class="form-control" value="{{$font->id}}"
                                                                 id="id"
                                                                name="id">
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="full-name">Font Adı</label>
                                                            <div class="form-control-wrap">
                                                                <input type="text" class="form-control" value="{{$font->fontadi}}"
                                                                placeholder="Font Adını Giriniz! Örnek: Lexend" id="fontadi"
                                                                name="fontadi">
                                                               </div>
                                                           </div>
                                                    </div>
                                                    <div class="col-sm-12 mt-5">
                                                        <div class="form-group">
                                                            <label class="form-label" for="adres1">Font Kodu</label>
                                                            <div class="form-control-wrap">
                                                                <textarea class="form-control no-resize" name="fontkodu" id="fontkodu" placeholder="Font Kodunu Giriniz! Örnek: @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap'); ">{{$font->fontkodu}}</textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 mt-5">
                                                        <div class="form-group">
                                                            <ul class="align-center flex-wrap flex-sm-nowrap gx-4 mt-1">
                                                                <li>
                                                                    <button type="submit"
                                                                        class="btn btn-primary">Kaydet</button>
                                                                </li>
                                                                <li>
                                                                    <a href="javascript:history.back()"
                                                                        class="link link-light">Geri</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                               
                                            </form>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                       
                        
                       
                    </div>
                    <div class="row g-gs">
                        <div class="nk-content-body">

                            <div class="components-preview mx-auto">
                
                
                
                                <div class="nk-block nk-block-lg">
                
                
                
                                    <div class="card">
                                        <div class="card-inner">
                
                                       
                
                                            <table class="datatable-init bg-white nk-tb-list nk-tb-ulist" data-auto-responsive="false">
                
                                                <thead>
                
                                                    <tr class="nk-tb-item nk-tb-head">
                
                                                       
                
                                                        <th class="nk-tb-col"><span class="sub-text">ID</span></th>
                
                                                        <th class="nk-tb-col"><span class="sub-text">Font Adı</span></th>
                
                                                        <th class="nk-tb-col tb-col-mb"><span class="sub-text">Import Kodu</span></th>
                
                                                        
                
                                                       
                
                                                        <th class="nk-tb-col nk-tb-col-tools text-end">
                
                                                        </th>
                
                                                    </tr>
                
                                                </thead>
                
                                                <tbody>
                
                
                
                                                    @foreach ($data as $item)
                
                                                    <tr class="nk-tb-item">
                
                                                       
                
                                                        <td class="nk-tb-col tb-col-mb" data-order="35040.34">
                
                                                            <span class="tb-amount">{{$item->id}}</span>
                
                                                        </td>
                
                                                        <td class="nk-tb-col">
                
                                                           
                
                                                            <div class="user-card">
                
                                                               <span class="tb-amount">{{$item->fontadi}}</span></span>
                
                
                
                                                            </div>
                
                                                        </td>
                
                                                        <td class="nk-tb-col">
                
                                                            <div class="user-card">
                
                                                                <span class="tb-amount">{{$item->fontkodu}}</span></span>
                
                 
                
                                                             </div>
                
                                                        </td>
                
                                                        
                
                                                       
                
                                                        <td class="nk-tb-col nk-tb-col-tools">
                
                                                                                                       <ul class="nk-tb-actions gx-1">
                
                                                                
                
                                                                <li>
                
                                                                    <div class="drodown">
                
                                                                        <a href="#" class="dropdown-toggle btn btn-icon btn-trigger"
                
                                                                            data-bs-toggle="dropdown"><em
                
                                                                                class="icon ni ni-more-h"></em></a>
                
                                                                        <div class="dropdown-menu dropdown-menu-end">
                
                                                                            <ul class="link-list-opt no-bdr">
                
                                                                                     
                                                                            <li><a href="{{route('panel.font.duzenle',$item->id)}}" ><em
                
                                                                                class="icon ni ni-edit"></em><span>Düzenle</span></a></li>
                
                                                                                   
                
                                                                               
                
                                                                            </ul>
                
                                                                        </div>
                
                                                                    </div>
                
                                                                </li>
                
                                                            </ul>
                
                                                        </td>
                
                                                    </tr>
                
                                                   
                
                                                    @endforeach
                
                
                
                                                </tbody>
                
                                            </table>
                
                                        
                
                                        </div> 
                
                                    </div>
                                   
                
                                </div> 
                
                            </div>
                
                        </div>

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

@endsection