@extends('backend.app')
@section("content")
    <div class="content-header row">
        <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
            <h3 class="content-header-title mb-0 d-block">Taziye Düzenle</h3>
            <div class="row breadcrumbs-top d-inline-block">
                <div class="breadcrumb-wrapper col-12">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('panel')}}">Anasayfa</a>
                        </li>
                        <li class="breadcrumb-item"><a href="{{url('panel/moduller/taziyeler')}}">Taziyeler</a>
                        </li>
                        <li class="breadcrumb-item active">{{$taziyeDetay->isim}}
                        </li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="content-header-right col-md-6 col-12">
            <div class="dropdown float-md-right">
                <a href="{{url('panel/moduller/taziyeler')}}" class="btn btn-dark round btn-glow px-2">Geri Dön</a>
            </div>
        </div>
    </div>

    <div class="content-body">
        <div class="row">
            <div id="recent-sales" class="col-12 col-md-12">
                <div class="card">
                    <div class="card-content">
                        <div class="card-body">
                            <form class="form form-horizontal row-separator" action="{{route('panel.moduller.taziyeler.duzenle.kaydet',['id' =>$taziyeDetay->id])}}" method="post" enctype="multipart/form-data">
                                @csrf
                                <div class="form-body">
                                    <h4 class="form-section"><i class="la la-sticky-note"></i> Taziye Bilgileri</h4>
                                    <div class="form-group row">
                                        <label class="col-md-3 label-control" for="isim">İsim Soyisim:</label>
                                        <div class="col-md-9">
                                            <input type="text" id="isim" class="form-control" name="isim" value="{{$taziyeDetay->isim}}" required>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-3 label-control" for="dogum_tarih">Doğum Tarihi:</label>
                                        <div class="col-md-9">
                                            <div class='input-group'>
                                                <input id="dogum_tarih" type="text" name="dogum_tarih" class="form-control dtarihi" value="{{date("d-m-Y", strtotime($taziyeDetay->dogum_tarih))}}" autocomplete="off" />
                                                <div class="input-group-append">
                                                    <span class="input-group-text">
                                                        <span class="la la-calendar"></span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-3 label-control" for="vefat_tarih">Vefat Tarihi:</label>
                                        <div class="col-md-9">
                                            <div class='input-group'>
                                                <input id="vefat_tarih" type="text" name="vefat_tarih" class="form-control singledate" value="{{date("d-m-Y H:i", strtotime($taziyeDetay->vefat_tarih))}}" autocomplete="off" />
                                                <div class="input-group-append">
                                                    <span class="input-group-text">
                                                        <span class="la la-calendar"></span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-3 label-control" for="resim">Resim:<br><small class="text-danger">Resim boyut olarak 200x250px olarak yüklemeniz tavsiye edilir.</small></label>
                                        <div class="col-md-9">
                                            <input type="file" name="resim" class="dropify" accept="image/*" data-height="250" data-width="200" data-default-file="{{url('images/taziyeler/'.$taziyeDetay->resim)}}" />
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-3 label-control" for="defin_yeri">Defin Yeri:</label>
                                        <div class="col-md-9">
                                            <input type="text" id="defin_yeri" class="form-control" name="defin_yeri" value="{{$taziyeDetay->defin_yeri}}">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-3 label-control" for="defin_tarih">Defin Tarihi:</label>
                                        <div class="col-md-9">
                                            <div class='input-group'>
                                                <input id="defin_tarih" type="text" name="defin_tarih" class="form-control singledate" value="{{date("d-m-Y H:i", strtotime($taziyeDetay->defin_tarih))}}" autocomplete="off" />
                                                <div class="input-group-append">
                                                    <span class="input-group-text">
                                                        <span class="la la-calendar"></span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row last">
                                        <label class="col-md-3 label-control" for="detay">Detay:</label>
                                        <div class="col-md-9">
                                            <textarea id="detay" rows="10" class="form-control" name="detay">{{$taziyeDetay->detay}}</textarea>
                                        </div>
                                    </div>


                                </div>

                                <div class="form-actions right mt-0">
                                    <button type="submit" class="btn btn-success">
                                        <i class="la la-check"></i> Kaydet
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push("customJs")
    <script src="{{asset('assets/backend/app-assets/vendors/js/dropify/js/dropify.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/backend/app-assets/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}"></script>
    <script src="{{asset('assets/backend/app-assets/vendors/js/pickers/daterange/daterangepicker.js')}}" type="text/javascript"></script>
    <script>
        $('.dtarihi').daterangepicker({
            singleDatePicker: true,
            showDropdowns: true,
            timePicker: false,
            autoApply : true,
            locale: {
                format: 'DD-MM-YYYY',
                firstDay:1,
                separator: " - ",
                applyLabel: "Onayla",
                cancelLabel: "İptal",
                daysOfWeek: ["Paz", "Pzt", "Sal", "Çar", "Per", "Cum", "Cmt"],
                monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos","Eylül","Ekim","Kasım","Aralık"]
            },
            timePicker24Hour: true
        });
        $('.singledate').daterangepicker({
            singleDatePicker: true,
            showDropdowns: true,
            timePicker: true,
            autoApply : true,
            locale: {
                format: 'DD-MM-YYYY HH:mm',
                firstDay:1,
                separator: " - ",
                applyLabel: "Onayla",
                cancelLabel: "İptal",
                daysOfWeek: ["Paz", "Pzt", "Sal", "Çar", "Per", "Cum", "Cmt"],
                monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos","Eylül","Ekim","Kasım","Aralık"]
            },
            timePicker24Hour: true
        });

        $('.dropify').dropify({
            messages: {
                'default': '200x250px taziye fotosunu buraya sürükleyin veya tıklayıp yükleyin.',
                'replace': '200x250px taziye fotosunu değiştirmek için buraya sürükleyin veya tıklayıp yükleyin.',
                'remove':  'Sil',
                'error':   'Hata, lütfen tekrar deneyin!'
            }
        });
    </script>
@endpush

@push("customCss")
    <link rel="stylesheet" type="text/css" href="{{asset('assets/backend/app-assets/vendors/js/dropify/css/dropify.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('assets/backend/app-assets/vendors/css/pickers/daterange/daterangepicker.css')}}">
@endpush