Default page

Edit File: create.blade.php

@extends('user.layout')
@section('content')
  <div class="page-header">
    <h4 class="page-title">Add vCard</h4>
    <ul class="breadcrumbs">
      <li class="nav-home">
        <a href="#">
          <i class="flaticon-home"></i>
        </a>
      </li>
      <li class="separator">
        <i class="flaticon-right-arrow"></i>
      </li>
      <li class="nav-item">
        <a href="#">vCards Management</a>
      </li>
      <li class="separator">
        <i class="flaticon-right-arrow"></i>
      </li>
      <li class="nav-item">
        <a href="#">Add vCard</a>
      </li>
    </ul>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <div class="card-title d-inline-block">Add vCard</div>
          <a class="btn btn-info btn-sm float-right d-inline-block" href="{{ route('user.vcard') }}">
            <span class="btn-label">
              <i class="fas fa-backward"></i>
            </span>
            Back
          </a>
        </div>
        <div class="card-body pt-5 pb-5">
          <div class="row">
            <div class="col-lg-12">
              {{-- Featured image upload end --}}
              <form id="ajaxForm" class="" action="{{ route('user.vcard.store') }}" method="POST"
                enctype="multipart/form-data">
                @csrf
                <div class="row">
                  <div class="col-12">
                    <div class="form-group">
                      <label class="form-label">Choose a Template</label>
                      <div class="row">
                        <div class="col-2">
                          <label class="imagecheck mb-4">
                            <input name="template" type="radio" value="1" class="imagecheck-input" checked>
                            <figure class="imagecheck-figure">
                              <img src="{{ asset('assets/front/img/user/vcard-templates/1.jpg') }}" alt="title"
                                class="imagecheck-image">
                            </figure>
                          </label>
                        </div>
                        <div class="col-2">
                          <label class="imagecheck mb-4">
                            <input name="template" type="radio" value="2" class="imagecheck-input">
                            <figure class="imagecheck-figure">
                              <img src="{{ asset('assets/front/img/user/vcard-templates/2.jpg') }}" alt="title"
                                class="imagecheck-image">
                            </figure>
                          </label>
                        </div>
                        <div class="col-2">
                          <label class="imagecheck mb-4">
                            <input name="template" type="radio" value="3" class="imagecheck-input">
                            <figure class="imagecheck-figure">
                              <img src="{{ asset('assets/front/img/user/vcard-templates/3.jpg') }}" alt="title"
                                class="imagecheck-image">
                            </figure>
                          </label>
                        </div>
                        <div class="col-2">
                          <label class="imagecheck mb-4">
                            <input name="template" type="radio" value="4" class="imagecheck-input">
                            <figure class="imagecheck-figure">
                              <img src="{{ asset('assets/front/img/user/vcard-templates/4.jpg') }}" alt="title"
                                class="imagecheck-image">
                            </figure>
                          </label>
                        </div>
                        <div class="col-2">
                          <label class="imagecheck mb-4">
                            <input name="template" type="radio" value="5" class="imagecheck-input">
                            <figure class="imagecheck-figure">
                              <img src="{{ asset('assets/front/img/user/vcard-templates/5.jpg') }}" alt="title"
                                class="imagecheck-image">
                            </figure>
                          </label>
                        </div>
                        <div class="col-2">
                          <label class="imagecheck mb-4">
                            <input name="template" type="radio" value="6" class="imagecheck-input">
                            <figure class="imagecheck-figure">
                              <img src="{{ asset('assets/front/img/user/vcard-templates/6.jpg') }}" alt="title"
                                class="imagecheck-image">
                            </figure>
                          </label>
                        </div>
                        <div class="col-2">
                          <label class="imagecheck mb-4">
                            <input name="template" type="radio" value="7" class="imagecheck-input">
                            <figure class="imagecheck-figure">
                              <img src="{{ asset('assets/front/img/user/vcard-templates/7.jpg') }}" alt="title"
                                class="imagecheck-image">
                            </figure>
                          </label>
                        </div>
                        <div class="col-2">
                          <label class="imagecheck mb-4">
                            <input name="template" type="radio" value="8" class="imagecheck-input">
                            <figure class="imagecheck-figure">
                              <img src="{{ asset('assets/front/img/user/vcard-templates/8.jpg') }}" alt="title"
                                class="imagecheck-image">
                            </figure>
                          </label>
                        </div>
                        <div class="col-2">
                          <label class="imagecheck mb-4">
                            <input name="template" type="radio" value="9" class="imagecheck-input">
                            <figure class="imagecheck-figure">
                              <img src="{{ asset('assets/front/img/user/vcard-templates/9.jpg') }}" alt="title"
                                class="imagecheck-image">
                            </figure>
                          </label>
                        </div>
                        <div class="col-2">
                          <label class="imagecheck mb-4">
                            <input name="template" type="radio" value="10" class="imagecheck-input">
                            <figure class="imagecheck-figure">
                              <img src="{{ asset('assets/front/img/user/vcard-templates/10.jpg') }}" alt="title"
                                class="imagecheck-image">
                            </figure>
                          </label>
                        </div>
                      </div>
                      <p class="em text-danger em-0" id="errtemplate"></p>
                    </div>
                  </div>
                </div>

<div class="row">
                  <div class="col-lg-6">
                    <div class="form-group">
                      <div class="col-12 mb-2">
                        <label for="image"><strong>Profile Image **</strong></label>
                      </div>
                      <div class="col-md-12 showImage mb-3">
                        <img src="{{ asset('assets/admin/img/noimage.jpg') }}" alt="..." class="img-thumbnail">
                      </div>
                      <input type="file" name="profile_image" class="image" class="form-control image">
                      <p id="errprofile_image" class="mb-0 text-danger em"></p>
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="form-group">
                      <div class="col-12 mb-2">
                        <label for="image"><strong>Cover Image</strong></label>
                      </div>
                      <div class="col-md-12 showImage mb-3">
                        <img src="{{ asset('assets/admin/img/noimage.jpg') }}" alt="..." class="img-thumbnail">
                      </div>
                      <input type="file" name="cover_image" class="image" class="form-control image">
                      <p id="errcover_image" class="mb-0 text-danger em"></p>
                    </div>
                  </div>
                </div>

<div class="row">
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label for="">vCard Name **</label>
                      <input type="text" class="form-control" name="vcard_name" value=""
                        placeholder="Enter vcard name">
                      <p class="text-warning mb-0">Use this name to identify sepcific vcard from your
                        vcards list.</p>
                      <p id="errvcard_name" class="mb-0 text-danger em"></p>
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label for="">Direction **</label>
                      <select name="direction" class="form-control" id="direction">
                        <option value="" selected disabled>Select a Direction</option>
                        <option value="1">LTR (Left to Right)</option>
                        <option value="2">RTL (Right to Left)</option>
                      </select>
                      <p id="errdirection" class="mb-0 text-danger em"></p>
                    </div>
                  </div>
                </div>

<div class="row">
                  <div class="col-lg-4">
                    <div class="form-group">
                      <label for="">Name</label>
                      <input type="text" class="form-control" name="name" value=""
                        placeholder="Enter name">
                      <p id="errname" class="mb-0 text-danger em"></p>
                    </div>
                  </div>
                  <div class="col-lg-4">
                    <div class="form-group">
                      <label for="">Company Name</label>
                      <input type="text" class="form-control" name="company" value=""
                        placeholder="Enter company">
                      <p id="errcompany" class="mb-0 text-danger em"></p>
                    </div>
                  </div>
                  <div class="col-lg-4">
                    <div class="form-group">
                      <label for="">Occupation</label>
                      <input type="text" class="form-control" name="occupation" value=""
                        placeholder="Enter occupation">
                      <p id="erroccupation" class="mb-0 text-danger em"></p>
                    </div>
                  </div>
                </div>

<div class="row">
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label for="">Email</label>
                      <input type="text" class="form-control ltr" name="email" value=""
                        placeholder="Enter email">
                      <p id="erremail" class="mb-0 text-danger em"></p>
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label for="">Phone</label>
                      <input type="text" class="form-control ltr" name="phone" value=""
                        placeholder="Enter phone">
                      <p class="text-warning mb-0">Enter Phone Number with <strong class="text-danger">Country
                          Code</strong></p>
                      <p id="errphone" class="mb-0 text-danger em"></p>
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label for="">Address</label>
                      <input type="text" class="form-control" name="address" value=""
                        placeholder="Enter address">
                      <p id="erraddress" class="mb-0 text-danger em"></p>
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label for="">Website URL</label>
                      <input type="text" class="form-control ltr" name="website_url" value=""
                        placeholder="Enter website url">
                      <p id="errwebsite_url" class="mb-0 text-danger em"></p>
                    </div>
                  </div>
                </div>

<div class="col-lg-12">
                    <div class="form-group">
                      <label for="summary">Introduction</label>
                      <textarea name="introduction" id="introduction" class="form-control" rows="4"
                        placeholder="Enter Introduction">