@extends('layouts.master')
@section('title',"Malzeme Onay Form Detayı")
@section('head')
  <!-- Select2 -->
  <link rel="stylesheet" href="{{ asset('bower_components/select2/dist/css/select2.min.css') }}">
  <!-- Theme style -->
  <link rel="stylesheet" href="{{ asset('dist/css/AdminLTE.min.css') }}">
  <link rel="stylesheet" href="{{ asset('plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css') }}">
@endsection
@section('content')
 <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Malzeme Onay Formu |
          </h1>
          <ol class="breadcrumb">
        <li><a href="{{ route('anasayfa') }}"><i class="fa fa-dashboard"></i> Anasayfa</a></li>
        <li><a href="{{ route('malzeme-formlari') }}"> Malzeme Onay Formları</a></li>
        <li class="active">Malze Onay Formu</li>
      </ol>
    </section>
    <section class="content">
    <form action="{{ route('malzeme.kaydet', @$malzeme->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        <div class="box box-default">
          <div class="box-body">
            <div class="row">
            <div class="col-md-4">
              <div class="form-group">
                <label>Departman</label>
                <input type="text" class="form-control" value="{{ old('departman',$malzeme->departman) }}" name="departman">
              </div>
            </div>
            <div class="col-md-4">
              <div class="form-group">
                <label>Personel</label>
                <input type="text" class="form-control" value="{{ old('personel',$malzeme->personel) }}" name="personel">
              </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                  <label>Belge</label>
                <input type="file" name="urun_resmi" class="form-control" value="{{ old('urun_resmi',$malzeme->belge) }}">
                </div>
              </div>

            <div class="col-md-12">
                <div class="form-group">
                    <label>Açıklama</label>
                    <textarea class="textarea" name="aciklama" placeholder="Açıklama" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">{!! old('aciklama', $malzeme->aciklama) !!}</textarea>
                  </div>
                </div>

            </div>
            <div class="box-footer">
            <button class="btn btn-success pull-right"><i class="fa fa-check"></i>
            {{ @$malzeme->id > 0 ? 'Güncelle' : 'Kaydet' }}
            </button>
          </div>
        </div>
        </div>
    </form>
    @if($malzeme->belge != null)
    @if(\File::extension($malzeme->belge) == "jpeg")
<div class="row">
    <div class="col-md-12">
        <a class="thumbnail fancybox" rel="lightbox" href="{{ asset('images/' . $malzeme->belge) }}" target="_blank">
        <img src="{{ asset('images/' . $malzeme->belge) }}"  height="50" width="100" class="img-responsive">
        </a>
    </div>
</div>

@endif
@endif
      </section>
    <!-- /.content -->
  </div>
  @endsection
  @section('footer')
  <script src="{{ asset('bower_components/select2/dist/js/select2.full.min.js') }}"></script>
  <script src="{{ asset('plugins/input-mask/jquery.inputmask.js') }}"></script>
  <script src="{{ asset('plugins/input-mask/jquery.inputmask.date.extensions.js') }}"></script>
  <script src="{{ asset('plugins/input-mask/jquery.inputmask.extensions.js') }}"></script>
  <!-- CK Editor -->
  <script src="{{ asset('bower_components/ckeditor/ckeditor.js') }}"></script>
  <!-- Bootstrap WYSIHTML5 -->
  <script src="{{ asset('plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js') }}"></script>
  <script>
    $(function () {
      //Initialize Select2 Elements
      $('.select2').select2()
      $('[data-mask]').inputmask()
      //iCheck for checkbox and radio inputs
      $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
        checkboxClass: 'icheckbox_minimal-blue',
        radioClass   : 'iradio_minimal-blue'
      })
      //Red color scheme for iCheck
      $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
        checkboxClass: 'icheckbox_minimal-red',
        radioClass   : 'iradio_minimal-red'
      })
    })
  </script>
  <script>
    $(function () {
      // Replace the <textarea id="editor1"> with a CKEditor
      // instance, using default configuration.
      CKEDITOR.replace('editor1')
      //bootstrap WYSIHTML5 - text editor
      $('.textarea').wysihtml5()
    })
  </script>
  @endsection