@extends('layouts.app') 
@section("script")
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.js"></script>

@section('content')
  @include('motivation.header')

<section class="">
  <div class="row">
    <div class="col s12">
      <div class="card white">
        <div class="card-content white">
          <span class="card-title">Edit Motivational Quote</span>
          <hr>
          <div class="row">
            <div class="col s12">
              {{-- {!! Form::open(['route' => ['quotes.update', $quotes->id], 'method' => 'PUT','class' => 'col s12', 'files' => true]) !!} {!! Form::token() !!} --}}
              {!! Form::model($quotes, ['route' => ['quotes.update', $quotes->id], 'class' => 'col s12', 'method' => 'PUT', 'files' => true]) !!} {!! Form::token() !!}

              <div class="row">
                <div class="input-field col s12 m6">
                  <i class="material-icons prefix">format_quote</i> {!! Form::text('quote', $quotes->quote, ['id' => 'quote', 'class' => 'validate', 'required'])
                  !!} {!! Form::label('quote', 'Quote') !!}
                </div>
                <div class="input-field col s12 m6">
                  <select name="type" id="type" required>
                    <option disabled selected>Select Type</option>
                    <option value="general">General</option>
                    <option value="win">Win</option>
                    <option value="loss">Loss</option>
                  </select>
                </div>
              </div>

              {!! Form::button('Submit<i class="material-icons right">send</i>', ['type' => 'submit', 'class' => 'btn']); !!} {!!
              Form::close() !!}
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</section>
@endsection

@section('scripts')
<script>
    $(function(){
        $("#type").val("{{ $quotes->type }}").chamge();
    });
</script>