@extends('backend.layouts.master')

@section('footer')
    <script>
      $('#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">
                        Kullanıcılar <small>Yeni Ekle</small>
                    </h1>
                </div>
                <div class="col-sm-5 text-right hidden-xs">
                    <ol class="breadcrumb push-10-t">
                        <li>Kullanıcılar</li>
                        <li><a class="link-effect" href="{{ route('user.create') }}">Kullanıcı Ekle</a></li>
                    </ol>
                </div>
            </div>
        </div>
        <!-- END Page Header -->

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

            <!-- Mega Form -->
            <h2 class="content-heading">Kullanıcı Bilgileri</h2>
            
            @include('errors.list')

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

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

                    @include('backend.user.form')

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

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