@extends('backend.layouts.master')

@section('header')
@endsection
@section('footer')
    <!-- Page JS Plugins -->
    <script src="{{ asset('backend/js/plugins/ckeditor/ckeditor.js') }}"></script>
    <!-- Page JS Code -->
    <script data-sample="1">
        CKEDITOR.replace( 'content', {
            toolbarGroups: [
                {"name":"basicstyles","groups":["basicstyles"]},
                {"name":"links","groups":["links"]},
                {"name":"document","groups":["mode"]},
                {"name":"styles","groups":["styles"]},
            ],
            removeButtons: 'Underline,Strike,Subscript,Superscript,Anchor,Styles,Specialchar'
        });

      $('#city').change(function () {
          var optionSelected = $(this).find("option:selected");
          var value  = optionSelected.val();
          $.get('{{ url('api/city') }}/' + value,{},function(output){
            $("#state option").remove();
            $("#state").append(output);
          });
      });
      $('#state').change(function () {
          var optionSelected = $(this).find("option:selected");
          var value  = optionSelected.val();
          $.get('{{ url('api/state') }}/' + value,{},function(output){
            $("#street option").remove();
            $("#street").append(output);
          });
      });
    </script>
@endsection

@section('content')

    <main id="main-container">
        <!-- Page Header -->
        <div class="content bg-gray-lighter">
            <div class="row items-push">
                <div class="col-sm-7">
                    <h1 class="page-heading">
                        Ofisler <small>Ofis Listesi</small>
                    </h1>
                </div>
                <div class="col-sm-5 text-right hidden-xs">
                    <ol class="breadcrumb push-10-t">
                        <li>Ofisler</li>
                        <li><a class="link-effect" href="{{ route('office.index') }}">Office Listesi</a></li>
                        <li><a class="link-effect" href="{{ route('office.create') }}">Yeni Ekle</a></li>
                    </ol>
                </div>
            </div>
        </div>
        <!-- END Page Header -->

        <!-- Page Content -->
        <div class="content content-narrow">

            <!-- Mega Form -->
            <h2 class="content-heading">OFİS BİLGİLERİ</h2>


            <div class="block block-bordered">
                <div class="block-content">

                    {!! Form::model(null, array('route' => 'office.store', 'class' => 'form-horizontal push-10-t push-10', 'files' => true)) !!}

                    @include('backend.office.form')

                    {!! Form::close() !!}

                </div>
            </div>
            <!-- END Mega Form -->
        </div>
        <!-- END Page Content -->
    </main>
@endsection