@extends('backend/layouts/layout')
@section('container')
@section('content_select', 'active')
<!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
      @if(session()->has('msg'))
          <div class="alert alert-danger" role="alert">
            {{session('msg')}}
          </div>
        @endif
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Contents</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Add content</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="row">
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Contents</h3>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
              <form action="{{route('content.manage')}}" method="post" enctype="multipart/form-data">
                @csrf
                  <div class="form-group col-12">
                    <label for="page">Page</label>
                    @if ($id > 0)
                        @php
                            $disabled = 'disabled';
                        @endphp
                        <input type="hidden" name="page" value="{{$page}}">
                    @else
                        @php
                            $disabled = '';
                        @endphp
                    @endif
                    <select name="page" class="form-control" id="page" required {{$disabled}}>
                      <option value="">Select Page</option>
                        @if($page == 'Home')
                          <option selected value="Home">Home</option>
                          <option value="About">About</option>
                        @elseif ($page == 'About')
                          <option value="Home">Home</option>
                          <option selected value="About">About</option>
                        @else
                          <option value="Home">Home</option>
                          <option value="About">About</option>
                        @endif
                    </select>
                  </div>
                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Title</label>
                    <input type="text" name="title" value="{{$title}}" class="form-control" id="exampleInputEmail1" placeholder="Enter title" required>
                  </div>
                  @error('title')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror
                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Heading</label>
                    <input type="text" name="heading" value="{{$heading}}" class="form-control" id="exampleInputEmail1" placeholder="Enter heading">
                  </div>
                  @error('heading')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror
                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Description</label>
                    <textarea name="descr" class="form-control" id="summernote" placeholder="Enter Description">{{$descr}}</textarea>
                  </div>
                  @error('descr')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror

                  <div class="form-group col-12">
                    <label for="exampleInputEmail1">Image</label>
                    <input type="file" name="image" class="form-control" id="exampleInputEmail1" onchange="preview(prevImg)">
                  </div>
                  @error('image')
                  <div class="alert alert-danger" role="alert">
                  {{$message}}
                  </div>
                  @enderror
                  @if($image!='')
                  <div class="form-group col-12">
                    <img src="{{asset('uploads/contents/'.$image)}}" height="70px" width="70px" alt="" id="prevImg">
                  </div>
                  @else
                  <div class="form-group col-12">
                    <img src="{{asset('backend/dist/img/no-image.png')}}" height="70px" width="70px" alt="" id="prevImg">
                  </div>
                  @endif
                
                <!-- /.card-body -->

                <div class="card-footer">
                  <button type="submit" name="Save" class="btn btn-primary">Submit</button>
                </div>
                
                <input type="hidden" name="id" value="{{$id}}">
              </form>
            </div>
            <!-- /.card -->

            <!-- general form elements -->
            
            <!-- /.card -->

            <!-- Input addon -->
           
          
            <!-- /.card -->

          </div>
<!-- /.col -->
        </div>
        <!-- /.row -->
        <!-- Main row -->
       
        <!-- /.row (main row) -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  @endsection