@extends('admin.layouts.master') 
@section('content')
<div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">SupportFit Badge</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{asset('/')}}">Home</a></li>
              <li class="breadcrumb-item active"><a href="{{asset(route('badge.index'))}}">SupportFit Badge</a></li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
  <div class="container-fluid">
    @if(session()->has('success'))
      <div class="alert alert-success">
        {{ session()->get('success') }}
       </div>
    @endif
    @if(session()->has('error'))
      <div class="alert alert-success">
        {{ session()->get('error') }}
      </div>
    @endif
        <div class="row">
          <div class="col-md-12">
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Add SupportFit Badge</h3>
              </div>
              <form role="form" method="post" action="{{!isset($badge['name']) ? route('badge.store') : route('badge.update',$badge['id'])}}" enctype="multipart/form-data">
                @csrf
                @if(isset($badge['name']))
                   {{ method_field('PUT') }}
                @endif
                <div class="card-body">
                  <div class="form-group">
                    <label for="exampleInputEmail1">Name</label>
                    <input type="text" class="form-control" id="name" name="name" required placeholder="Enter Badge Name" value="{{ old('name', $badge['name']) }}">
                  </div>
                  <div class="form-group">
                    <label for="exampleInputEmail1">Type</label>
                    <select name="type" class="form-control">
                      <option value="steps" {{$badge->type=="steps" ? "selected" : ""}}>Steps</option>
                      <option value="sleep" {{$badge->type=="sleep" ? "selected" : ""}}>Sleep</option>
                    </select>
                  </div>

                  <div class="form-group">
                    <label for="exampleInputEmail1">Period(days)</label>
                    <input type="text" class="form-control" id="days" name="days" required placeholder="Enter Badge Days" value="{{ old('name', $badge['days']) }}">
                  </div>
                  <div class="form-group">
                    <label for="exampleInputEmail1">Target</label>
                    <input type="text" class="form-control" id="target" name="target" required placeholder="Enter Badge Target" value="{{ old('name', $badge['target']) }}">
                  </div>
                  <div class="form-group">
                    <label for="exampleInputEmail1">Locked Description</label>
                    <textarea class="form-control" id="locked_description" name="locked_description" required placeholder="Enter Badge Locked descripion">{{ old('locked_description', $badge['locked_description']) }}</textarea>
                  </div>
                  <div class="form-group">
                    <label for="exampleInputEmail1">Unlocked Description</label>
                    <textarea class="form-control" id="unlocked_description" name="unlocked_description" required placeholder="Enter Badge Locked descripion">{{ old('unlocked_description', $badge['unlocked_description']) }}</textarea>
                  </div>
                  <div class="row form-group">
                      <div class="col">
                          <label>Badge Image</label>
                          <input type = "file" {{!$badge['id'] ? 'required' : ''}} name = "image_url"  class="dropify" data-default-file="{{ old('image_url', $badge['image_url']) }}" data-show-remove="false">
                      </div>
                  </div>
                </div>
                <div class="card-footer">
                  <button type="submit" class="btn btn-primary">Submit</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
  @endsection