@extends('layouts.new_dashboard')

@section('content')
<div class="main-panel">        
  <div class="content-wrapper">
    <div class="col-12 grid-margin stretch-card">
          <div class="card">
            <div class="card-body">
              <h4 class="card-title">Edit Project</h4>
<!--               <p class="card-description">
                Create User
              </p> -->
              <form class="forms-sample" method="POST" action="{{route('projects.update',['id'=>$project->id])}}" enctype="multipart/form-data">
                {{csrf_field()}}

                <div class="form-group">
                  <label for="exampleInputName1">Name</label>
                  <input type="text" class="form-control" id="exampleInputName1" value="{{$project->title}}" name="title" required="required">
                </div>

                <div class="form-group">
                  <label for="exampleInputName1">Contractor</label>
                  <input type="text" class="form-control" id="exampleInputName1" value="{{$project->contractor}}" name="contractor" required="required">
                </div>

                <div class="form-group">
                  <label for="exampleInputName1">Consultant</label>
                  <input type="text" class="form-control" id="exampleInputName1" value="{{$project->consultant}}" name="consultant" required="required">
                </div>

                <div class="form-group">
                  <label for="exampleInputName1">Year</label>
                  <input type="text" class="form-control" id="exampleInputName1" value="{{$project->year}}" name="year" required="required">
                </div>

                <div class="form-group">
                  <label for="exampleInputName1">Product Supplied</label>
                  <input type="text" class="form-control" id="exampleInputName1" value="{{$project->product_supplied}}" name="product_supplied" required="required">
                </div>

                {{-- <div class="form-group">
                  <label for="exampleInputEmail3">Content</label>
                  <textarea class="form-control" name="content" id="editor3" required="required" >
                    {!! $project->content !!}
                  </textarea>
                </div> --}}

                <div class="row">
                  
                  <div class="col-md-6">
                    <div class="form-group row">
                      <label for="example-tel-input" class="col-2 col-form-label">Image</label>
                      <div class="col-10">
                        <input type="file" name="image" id="file" />
                        <label for="file" class="btn-2">Click to upload</label><br>
                        @if(isset($project->image))
                        <img src="{{asset($project->image)}}" width="70px" class="img-thumbnail">
                        @else
                        No Image
                        @endif
                      </div>
                    </div>
                  </div>

                  {{-- <div class="form-group">
                    <label style="margin-right: 10px">Bnner</label>
                    <input type="file" name="banner" class="form-control" style="width: 292px;height: 43px;display: inline;"> <br>
                    @if(isset($project->banner))
                    <img src="{{asset($project->banner)}}" width="70px" class="img-thumbnail" style="margin-left: 50px;">
                    @else
                    No Image
                    @endif
                  </div> --}}

                </div>

                <div class="row">
                  <div class="col-md-4">
                    <div class="form-group">
                      <label>Gallery</label>
                      <div class="kt-radio-inline">
                        <label class="kt-radio">
                          <input type="radio" name="gallery" value="1" @if($project->gallery==1) checked @endif> Yes
                          <span></span>
                        </label>
                        <label class="kt-radio">
                          <input type="radio" name="gallery" value="0"  @if($project->gallery==0) checked @endif> No
                          <span></span>
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
                
                <div class="kt-portlet__foot">
                  <div class="kt-form__actions">
                    <button type="submit" class="btn btn-primary">Submit</button>
                  </div>
                </div>

                <!-- <button class="btn btn-light">Cancel</button> -->
              </form>
            </div>
            @if($project->gallery==1)
            <div class="card-body">
              <a href="{{route('media.create',['id'=>$project->id])}}" style="float: right;" class="btn btn-info">Add Gallery</a>
              <h4 class="card-title">Gallery Table</h4>
              <table class="table table-hover">
                <thead>
                  <tr>
                    <th>ID</th>
                    <th>Image</th>  
                    <th>Actions</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach($project->medias as $media)
                    <tr>
                      <td>{{$media->id}}</td>
                      <td>
                        <img src="{{asset($media->image)}}" class="img-thumbnail" width="50px">
                      </td>
                      
                      <td>
                        <a href="{{route('media.edit',['id'=>$media->id])}}" class="btn btn-success edit"
                             title="Edit"><i class="fas fa-edit"></i></a> 
                          <a href="javascript:void(0)"  class="trigger-btn btn btn-danger delete"
                            id="{{$media->id}}" data-toggle="modal" url="{{url('/')}}" page="media"><i class="fas fa-trash"></i></a>  
                      </td>
                    </tr>

                    <div id="myModal" class="modal fade">
                      <div class="modal-dialog modal-confirm">
                        <div class="modal-content">
                          <div class="modal-header">
                            <div class="icon-box">
                              <i class="fas fa-trash"></i>
                            </div>    
                              
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                          </div>
                          <h4 class="modal-title">Are you sure?</h4>
                          <!-- <div class="modal-body">
                            <p>Do you really want to delete these records? This process cannot be undone.</p>
                          </div>
         -->
                          <form  id="form"  action="" method="GET">
                              {{csrf_field()}}
                              {{method_field('DELETE')}}
                              <div class="modal-body">
                                  <p id="msg"></p>
                              </div>
                              <div class="modal-footer">
                                  <button type="button" class="btn btn-info" data-dismiss="modal">Cancel</button>
                                  <button type="submit" class="btn btn-danger">Delete</button>
                              </div>
                          </form>
                        </div>
                      </div>
                    </div>     
                  @endforeach
                </tbody>
              </table>
            </div>
            @endif
          </div>
        </div>
  </div>
</div>
@endsection

@section('scripts')
    
    <script>
        CKEDITOR.replace( 'editor1' );
    </script>
    <script>
        CKEDITOR.replace( 'editor2' );
    </script>
    <script>
        CKEDITOR.replace( 'editor3' );
    </script>
    <script>
        CKEDITOR.replace( 'editor4' );
    </script>

@endsection