@php
    $edit = !is_null($dataTypeContent->getKey());
    $add  = is_null($dataTypeContent->getKey());
    $company_id = $dataTypeContent->id;
    $categories = App\Models\Category::where('type','categories')
                    ->whereNull('main_cat')
                    ->where('status','1')
                    ->whereNull('deleted_at')
                    ->get();
    $sub_cat = App\Models\Category::where('type','categories')
                    ->whereNotNull('main_cat')
                    ->where('status','1')
                    ->whereNull('deleted_at')
                    ->get();
    $detail = App\Models\CompanyDetail::where('company_id',$company_id)->first();
@endphp

@extends('voyager::master')

@section('css')
    <meta name="csrf-token" content="{{ csrf_token() }}">

		<link href="{{asset('assets/dashboard/mini-upload/css/style.css')}}" rel="stylesheet" />
@stop

@section('page_title', __('voyager::generic.'.($edit ? 'edit' : 'add')).' '.$dataType->getTranslatedAttribute('display_name_singular'))

@section('page_header')
    <h1 class="page-title">
        <i class="{{ $dataType->icon }}"></i>
        {{ $dataType->getTranslatedAttribute('display_name_singular').' '.__('voyager::generic.'.($edit ? 'edit' : 'add')) }}
    </h1>
    @include('voyager::multilingual.language-selector')
@stop

@section('content')
    <div class="page-content edit-add container-fluid">
        <div class="row">
          <div class="col-md-4">

                <div class="panel panel-bordered">
                    <!-- form start -->
                    <form role="form"
                            class="form-edit-add"
                            action="{{ $edit ? route('voyager.'.$dataType->slug.'.update', $dataTypeContent->getKey()) : route('voyager.'.$dataType->slug.'.store') }}"
                            method="POST" enctype="multipart/form-data">
                        <!-- PUT Method if we are editing -->
                        @if($edit)
                            {{ method_field("PUT") }}
                        @endif

                        <!-- CSRF TOKEN -->
                        {{ csrf_field() }}

                        <div class="panel-body">

                          <h5>Ana Bilgiler Düzenle</h5>

                            @if (count($errors) > 0)
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                            <!-- Adding / Editing -->
                            @php
                                $dataTypeRows = $dataType->{($edit ? 'editRows' : 'addRows' )};
                            @endphp

                            @foreach($dataTypeRows as $row)
                                <!-- GET THE DISPLAY OPTIONS -->
                                @php
                                    $display_options = $row->details->display ?? NULL;
                                    if ($dataTypeContent->{$row->field.'_'.($edit ? 'edit' : 'add')}) {
                                        $dataTypeContent->{$row->field} = $dataTypeContent->{$row->field.'_'.($edit ? 'edit' : 'add')};
                                    }
                                @endphp
                                @if (isset($row->details->legend) && isset($row->details->legend->text))
                                    <legend class="text-{{ $row->details->legend->align ?? 'center' }}" style="background-color: {{ $row->details->legend->bgcolor ?? '#f0f0f0' }};padding: 5px;">{{ $row->details->legend->text }}</legend>
                                @endif

                                <div class="form-group @if($row->type == 'hidden' || $row->type=='adminid' || $row->type=='adminip' || $row->type=='admintimestamp') hidden @endif col-md-{{ $display_options->width ?? 12 }} {{ $errors->has($row->field) ? 'has-error' : '' }}" @if(isset($display_options->id)){{ "id=$display_options->id" }}@endif>
                                    {{ $row->slugify }}
                                    <label class="control-label" for="name">{{ $row->getTranslatedAttribute('display_name') }}</label>
                                    @include('voyager::multilingual.input-hidden-bread-edit-add')
                                    @if (isset($row->details->view))
                                        @include($row->details->view, ['row' => $row, 'dataType' => $dataType, 'dataTypeContent' => $dataTypeContent, 'content' => $dataTypeContent->{$row->field}, 'action' => ($edit ? 'edit' : 'add'), 'view' => ($edit ? 'edit' : 'add'), 'options' => $row->details])
                                    @elseif ($row->type == 'relationship')
                                        @include('voyager::formfields.relationship', ['options' => $row->details])
                                    @else
                                        {!! app('voyager')->formField($row, $dataType, $dataTypeContent) !!}
                                    @endif

                                    @foreach (app('voyager')->afterFormFields($row, $dataType, $dataTypeContent) as $after)
                                        {!! $after->handle($row, $dataType, $dataTypeContent) !!}
                                    @endforeach
                                    @if ($errors->has($row->field))
                                        @foreach ($errors->get($row->field) as $error)
                                            <span class="help-block">{{ $error }}</span>
                                        @endforeach
                                    @endif
                                </div>
                            @endforeach

                        </div><!-- panel-body -->

                        <div class="panel-footer">
                            @section('submit-buttons')
                                <button type="submit" class="btn btn-primary save">{{ __('voyager::generic.save') }}</button>
                            @stop
                            @yield('submit-buttons')
                        </div>
                    </form>

                    <iframe id="form_target" name="form_target" style="display:none"></iframe>
                    <form id="my_form" action="{{ route('voyager.upload') }}" target="form_target" method="post"
                            enctype="multipart/form-data" style="width:0;height:0;overflow:hidden">
                        <input name="image" id="upload_file" type="file"
                                 onchange="$('#my_form').submit();this.value='';">
                        <input type="hidden" name="type_slug" id="type_slug" value="{{ $dataType->slug }}">
                        {{ csrf_field() }}
                    </form>

                </div>
          </div>

          <div class="col-md-4">
            <div class="panel panel-bordered">
            <div class="panel-body">
                <h5>Kategori Düzenle</h5>
                <form class="updateForm" action="{{URL::to('admin/company-update')}}" method="post">
                  @csrf
                  <input type="hidden" name="company_id" value="{{$company_id}}">
                  <div class="form-group">
                    <label for="">Üst Kategori</label>
                    <select id="main_cats" class="form-control select2" name="main_cat_id">
                      <option value="">Seçim yapınız</option>
                      @foreach($categories as $c)
                      <option value="{{$c->id}}">{{$c->name}}</option>
                      @endforeach
                    </select>
                  </div>
                  <div class="form-group">
                    <label for="">Alt Kategori</label>
                    <select id="sub_cats" class="form-control" name="sub_cat_id">
                      <option value="">Lütfen Ana Kategori seçiniz</option>
                      @foreach($sub_cat as $s)
                      <option value="{{$s->id}}" mainId="{{$s->main_cat}}">{{$s->name}}</option>
                      @endforeach
                    </select>
                  </div>
                  <div class="">
                    <button type="submit" class="btn btn-primary" name="button">Kaydet</button>
                  </div>
                </form>
              </div>
            </div>
            <div class="panel panel-bordered">
              <div class="panel-body">
                <h5>İletişim Bilgileri Düzenle</h5>
                <form class="updateForm" action="{{URL::to('admin/company-detail-update')}}" method="post">
                  @csrf
                  <input type="hidden" name="company_id" value="{{$company_id}}">
                  <div class="form-group">
                    <label for="">Yönetici</label>
                    <input type="text" class="form-control" name="manager" value="{{$detail->manager}}">
                  </div>
                  <div class="form-group">
                    <label for="">Adres *</label>
                    <textarea type="text" class="form-control" name="address">{{$detail->address}}</textarea>
                  </div>
                  <div class="form-group">
                    <label for="">Telefon * </label>
                    <input type="text" class="form-control" name="phone1" value="{{$detail->phone1}}">
                    <small>Örn: 04142521133</small>
                  </div>
                  <div class="form-group">
                    <label for="">Cep Telefonu</label>
                    <input type="text" class="form-control" name="phone2" value="{{$detail->phone2}}">
                    <small>Örn: 05461112233</small>
                  </div>
                  <div class="form-group">
                    <label for="">Whatsapp</label>
                    <input type="text" class="form-control" name="whatsapp" value="{{$detail->whatsapp}}">
                    <small>Örn: 05461112233</small>
                  </div>
                  <div class="form-group">
                    <label for="">E-Posta Adresi 1</label>
                    <input type="text" class="form-control" name="email1" value="{{$detail->email1}}">
                  </div>
                  <div class="form-group">
                    <label for="">E-Posta Adresi 2</label>
                    <input type="text" class="form-control" name="email2" value="{{$detail->email2}}">
                  </div>
                  <div class="form-group">
                    <label for="">Web Sitesi</label>
                    <input type="text" class="form-control" name="web" value="{{$detail->web}}">
                    <small>Örn: www.febilisim.com; Başına http konulmasına gerek yoktur.</small>
                  </div>
                  <div class="form-group">
                    <label for="">Lokasyon (Enlem,Boylam) *</label>
                    <input type="text" class="form-control" name="location" value="{{$detail->location}}">
                  </div>

                  <div class="">
                    <button type="submit" class="btn btn-primary" name="button">Kaydet</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
          @if($_SERVER['REMOTE_ADDR']=='78.188.62.203')
          <div class="col-md-4">
            <div class="panel panel-bordered">
              <div class="panel-body">
                <h5>İşletme Fotoğraf Galerisi</h5>

                <form id="upload" method="post" action="upload.php" enctype="multipart/form-data">
                  <div id="drop">
                    Drop Here

                    <a>Browse</a>
                    <input type="file" name="upl" multiple />
                  </div>

                  <ul>
                    <!-- The file uploads will be shown here -->
                  </ul>

                </form>

              </div>
            </div>

            <div class="panel panel-bordered">
              <div class="panel-body">
                <h5>İşletme Video Galeri</h5>
              </div>
            </div>
          </div>
@endif
        </div>
    </div>

    <div class="modal fade modal-danger" id="confirm_delete_modal">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">&times;</button>
                    <h4 class="modal-title"><i class="voyager-warning"></i> {{ __('voyager::generic.are_you_sure') }}</h4>
                </div>

                <div class="modal-body">
                    <h4>{{ __('voyager::generic.are_you_sure_delete') }} '<span class="confirm_delete_name"></span>'</h4>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                    <button type="button" class="btn btn-danger" id="confirm_delete">{{ __('voyager::generic.delete_confirm') }}</button>
                </div>
            </div>
        </div>
    </div>
    <!-- End Delete File Modal -->
@stop

@section('javascript')
    <script>
        var params = {};
        var $file;

        function deleteHandler(tag, isMulti) {
          return function() {
            $file = $(this).siblings(tag);

            params = {
                slug:   '{{ $dataType->slug }}',
                filename:  $file.data('file-name'),
                id:     $file.data('id'),
                field:  $file.parent().data('field-name'),
                multi: isMulti,
                _token: '{{ csrf_token() }}'
            }

            $('.confirm_delete_name').text(params.filename);
            $('#confirm_delete_modal').modal('show');
          };
        }

        $('document').ready(function () {
            $('.toggleswitch').bootstrapToggle();

            //Init datepicker for date fields if data-datepicker attribute defined
            //or if browser does not handle date inputs
            $('.form-group input[type=date]').each(function (idx, elt) {
                if (elt.hasAttribute('data-datepicker')) {
                    elt.type = 'text';
                    $(elt).datetimepicker($(elt).data('datepicker'));
                } else if (elt.type != 'date') {
                    elt.type = 'text';
                    $(elt).datetimepicker({
                        format: 'L',
                        extraFormats: [ 'YYYY-MM-DD' ]
                    }).datetimepicker($(elt).data('datepicker'));
                }
            });

            @if ($isModelTranslatable)
                $('.side-body').multilingual({"editing": true});
            @endif

            $('.side-body input[data-slug-origin]').each(function(i, el) {
                $(el).slugify();
            });

            $('.form-group').on('click', '.remove-multi-image', deleteHandler('img', true));
            $('.form-group').on('click', '.remove-single-image', deleteHandler('img', false));
            $('.form-group').on('click', '.remove-multi-file', deleteHandler('a', true));
            $('.form-group').on('click', '.remove-single-file', deleteHandler('a', false));

            $('#confirm_delete').on('click', function(){
                $.post('{{ route('voyager.'.$dataType->slug.'.media.remove') }}', params, function (response) {
                    if ( response
                        && response.data
                        && response.data.status
                        && response.data.status == 200 ) {

                        toastr.success(response.data.message);
                        $file.parent().fadeOut(300, function() { $(this).remove(); })
                    } else {
                        toastr.error("Error removing file.");
                    }
                });

                $('#confirm_delete_modal').modal('hide');
            });
            $('[data-toggle="tooltip"]').tooltip();
        });

        $(".updateForm").submit(function(e) {
            e.preventDefault(); // avoid to execute the actual submit of the form.
            var form = $(this);
            var actionUrl = form.attr('action');
            $.ajax({
                type: "POST",
                url: actionUrl,
                data: form.serialize(), // serializes the form's elements.
                success: function(data)
                {
                  if(data.status)
                  {
                    toastr.success(data.message);
                  }else{
                    toastr.error(data.message);
                  }
                }
            });
        });
        $(function(){
          $("#sub_cats option").hide();
        	$("#main_cats").change(function(){
        		$("#sub_cats option").hide();
        		var slug = $("#main_cats option:selected").attr("value");
        		if(slug){
        			$("#sub_cats option[mainId='"+slug+"']").show();
        		}
        	});
        });
    </script>
    <script src="{{asset('assets/dashboard/mini-upload/js/jquery.knob.js')}}"></script>

    <!-- jQuery File Upload Dependencies -->
    <script src="{{asset('assets/dashboard/mini-upload/js/jquery.ui.widget.js')}}"></script>
    <script src="{{asset('assets/dashboard/mini-upload/js/jquery.iframe-transport.js')}}"></script>
    <script src="{{asset('assets/dashboard/mini-upload/js/jquery.fileupload.js')}}"></script>

    <!-- Our main JS file -->
    <script src="{{asset('assets/dashboard/mini-upload/js/script.js')}}"></script>
@stop