@include('includes.admin.header')
@include('includes.admin.sidebar')  
<style>
    .Zebra_DatePicker_Icon_Wrapper
    {
        width : 100% !important;
    }
</style>
<link rel="stylesheet" href="/datepicker/dist/css/default/zebra_datepicker.min.css">
<script src="/datepicker/dist/zebra_datepicker.min.js"></script>
<!--<script src='/ckeditor/ckeditor.js' ></script>-->
      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
           Edit Proposal
            <small>From Proposal</small>
          </h1>
          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Proposal</a></li>
                <li class="active">Edit Proposal</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-md-12">
              <div class="box">
                <div class="box-header with-border">
                  <h3 class="box-title">Edit Decision</h3>
                </div><!-- /.box-header -->
                <div class="col-xs-12 hcenter" id="loading">
                        <img src="/images/loading.gif" />
                    </div>
               <form class="form-horizontal" id='register-form' style="display: none">
                   <div class="error" style="display: none">
                            
                        </div>
                  <div class="box-body">
                   
                    <div class="form-group">
                        <div class="form-group">
                      <label for="main" class="col-sm-2 control-label">Decision</label>
                      <div class="col-sm-9">
                          <textarea class="form-control" id="proposal" name="proposal"></textarea>
                      </div>
                        </div>
                        <div class="form-group">
                       <label for="main" class="col-sm-2 control-label">Video</label>
                      <div class="col-sm-9">
                          <textarea class="form-control" id="video" name="video"></textarea>
                      </div>
                        </div>
                        <div class="form-group">
                            <label for="main" class="col-sm-2 control-label">Preview</label>
                      <div class="col-sm-9" id="video-preview">
                        
                      </div>
                        </div>
                        <div class="form-group">
                                <label for="Position" class="col-sm-2 control-label">Contact Player Information</label>
                                <div class="col-sm-9">

                                    {!! Form::textarea('contact_player_information','',['class' => 'form-control', 'id' => 'contact_player_information'])!!}
                                </div>
                            </div>
                        
                        
                        
                        <div class="form-group">
                      <label for="main" class="col-sm-2 control-label">Admin Response</label>
                      <div class="col-sm-9">
                          <textarea class="form-control" id="admin_response" name="admin_response"></textarea>
                      </div>
                      
                    </div>
                  <div class="form-group">
                                <label for="Position" class="col-sm-2 control-label">Expiry Date</label>
                                <div class="col-sm-9">

                                    {!! Form::text('expiry_date','',['class' => 'form-control datepicker', 'id' => 'expiry_date'])!!}
                                </div>
                            </div>
		
                  </div><!-- /.box-body -->
                  <div class="box-footer">
                    <button type="reset" class="btn btn-default">Cancel</button>
                    <button type="button" class="btn btn-info pull-right" id='btn-submit'>Submit</button>
                  </div><!-- /.box-footer -->
                </form>
              </div><!-- /.box -->

             
            </div><!-- /.col -->
            
          </div><!-- /.row -->
          
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
      
      <script>
           // CKEDITOR.replace( 'description' );
          $('.datepicker').Zebra_DatePicker({
                    format : 'd-m-Y'
                });
            $(document).ready(function(){
                $('#video').change(function(){
                    $('#video-preview').html($(this).val());
                });
                $.get('/admin/proposal/{{$UUID}}',{"_token": "{{ csrf_token() }}"}, function(res){
                        $('#proposal').val(res.proposal);
                        $('#admin_response').val(res.admin_response);
                        $('#expiry_date').val(res.expiry_date);
                        $('#video').val(res.video);
                        $('#video-preview').html(res.video);
                       // $('#description').val(res.description);
                        $('#contact_player_information').val(res.contact_player_information);
                        $('#loading').hide();
                        $('#register-form').show();
                    },'json');
                
                $('#btn-submit').click(function(){
                    var current  = $(this);
                    current.attr('disabled', 'disabled').text('Please Wait. Saving.....');
                    var data = $("#register-form").serializeArray();
                   // var description = CKEDITOR.instances['description'].getData();
                    
                    $.post('/admin/proposal/update/{{$UUID}}',{data:data, "_token": "{{ csrf_token() }}"}, function(res, status){
                        
                        alert('Decision Updated Successfully');
                        window.location.href = '#body';
                        window.location.href = '/admin/proposal';
                    },'json')
                    .fail(function(xhr) {
                        var html = '';
                        var res = xhr.responseJSON;
                        $(res).each(function(i, value){
                                html+= '<p>' + value + '</p>';
                        });
                        $('.error').html(html).show();
                        $('#btn-submit').html('Submit').removeAttr('disabled');
                        window.location.href = '#body';
                    },'json');;
                });
            });
        </script>
      @include('includes.admin.footer')