@extends('layouts.admin')

@section('content')
    <!-- Page content area start -->
    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="breadcrumb__content">
                        <div class="breadcrumb__content__left">
                            <div class="breadcrumb__title">
                                <h2>{{ @$title }}</h2>
                            </div>
                        </div>
                        <div class="breadcrumb__content__right">
                            <nav aria-label="breadcrumb">
                                <ul class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{__('app.dashboard')}}</a></li>
                                    <li class="breadcrumb-item"><a href="{{route('certificate.index')}}">Certificate List</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">{{ @$title }}</li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="customers__area bg-style mb-30 admin-certificate-page">
                        <div class="item-title d-flex justify-content-between">
                            <h2>{{ @$title }}</h2>
                            <div><a href="{{route('certificate.index')}}" class="theme-btn theme-button1 green-theme-btn default-hover-btn">Certificate List</a></div>
                        </div>

                        <div class="admin-create-certifiate">
                            <div class="row">
                                <div class="col-12 col-md-7 col-lg-7 col-xl-8">
                                    <div class="course-watch-certificate-img sticky-top">
                                        <img src="{{asset('frontend/assets/img/certificate.jpg')}}" alt="img" class="sample-certificate-img-show img-fluid">
                                    </div>
                                    <p class="mt-2 color-heading">Preview ( x ) All measurement depends on background height & width</p>
                                </div>

                                <div class="col-12 col-md-5 col-lg-5 col-xl-4">
                                    <form method="POST" action="{{route('certificate.store')}}" enctype="multipart/form-data">
                                        @csrf
                                        <div class="create-certificate-sidebar admin-certificate-sidebar">
                                            <div class="accordion" id="accordionPanelsStayOpenExample">
                                                <div class="row">
                                                    <div class="col-md-12 mb-15">
                                                        <div class="label-text-title color-heading font-16 mb-1">Background Image</div>
                                                        <div class="create-certificate-browse-file form-control mb-2">
                                                            <div>
                                                                <input type="file" name="background_image" accept="image/*" class="form-control" title="Browse Image File" required>
                                                            </div>
                                                        </div>
                                                        <div class="recomended-size-for-img font-12">Accepted Files: JPG, PNG</div>
                                                        <div class="recomended-size-for-img font-12">Accepted Size 1030 x 734</div>
                                                        @if ($errors->has('background_image'))
                                                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('background_image') }}</span>
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="accordion-item course-sidebar-accordion-item">
                                                    <h2 class="accordion-header course-sidebar-title mb-2" id="panelsStayOpen-headingOne">
                                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
                                                            Certificate Number
                                                        </button>
                                                    </h2>
                                                    <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">
                                                        <div class="accordion-body">
                                                            <div class="certificate-inner-box">
                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Certificate Number Show</div>
                                                                            <div class="admin-certificate-radio d-flex align-items-center">
                                                                                <div class="form-check mb-0 d-flex align-items-center">
                                                                                    <input class="form-check-input" type="radio" name="show_number" id="show_number_yes" value="yes" {{old('show_number') == 'yes' ? 'checked' : '' }}>
                                                                                    <label class="form-check-label mb-0 color-heading" for="show_number_yes">Yes</label>
                                                                                </div>
                                                                                <div class="form-check mb-0 d-flex align-items-center">
                                                                                    <input class="form-check-input" type="radio" name="show_number" id="show_number_no" value="no" {{old('show_number') == 'no' ? 'checked' : '' }}>
                                                                                    <label class="form-check-label mb-0 color-heading" for="show_number_no">No</label>
                                                                                </div>
                                                                            </div>
                                                                            @if ($errors->has('show_number'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('show_number') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Position Y</div>
                                                                            <input type="number" min="0" name="number_y_position" value="{{old('number_y_position')}}" class="form-control" placeholder="20">
                                                                            @if ($errors->has('number_y_position'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('number_y_position') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Size</div>
                                                                            <input type="number" min="1" name="number_font_size" value="{{old('number_font_size')}}" class="form-control" placeholder="20">
                                                                            @if ($errors->has('number_font_size'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('number_font_size') }}</span>
                                                                            @endif
                                                                        </div>
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Color</div>
                                                                            <span class="color-picker">
                                                                                <label for="colorPicker3" class="mb-0">
                                                                                    <input type="color" name="number_font_color" value="{{old('number_font_color') ? : '#363234'}}" id="colorPicker3">
                                                                                </label>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="accordion-item course-sidebar-accordion-item">
                                                    <h2 class="accordion-header course-sidebar-title mb-2" id="panelsStayOpen-headingOne3">
                                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne3" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne3">
                                                            Certificate Title
                                                        </button>
                                                    </h2>
                                                    <div id="panelsStayOpen-collapseOne3" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne3">
                                                        <div class="accordion-body">
                                                            <div class="certificate-inner-box">
                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Title</div>
                                                                            <input type="text" name="title" required value="{{old('title')}}" class="form-control" placeholder="Certificate Title">
                                                                            @if ($errors->has('title'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('title') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Position Y</div>
                                                                            <input type="number" min="0" name="title_y_position" value="{{old('title_y_position')}}" class="form-control" placeholder="30">
                                                                            @if ($errors->has('title_y_position'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('title_y_position') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Size</div>
                                                                            <input type="number" min="1" name="title_font_size" value="{{old('title_font_size')}}" class="form-control" placeholder="20">
                                                                            @if ($errors->has('title_font_size'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('title_font_size') }}</span>
                                                                            @endif
                                                                        </div>
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Color</div>
                                                                            <span class="color-picker">
                                                                                <label for="colorPicker4" class="mb-0">
                                                                                    <input type="color" name="title_font_color" value="{{old('title_font_color') ? : '#363234' }} " id="colorPicker4">
                                                                                </label>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="accordion-item course-sidebar-accordion-item">
                                                    <h2 class="accordion-header course-sidebar-title mb-2" id="panelsStayOpen-headingOne1">
                                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne1" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne1">
                                                            Certificate Date
                                                        </button>
                                                    </h2>

                                                    <div id="panelsStayOpen-collapseOne1" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne1">
                                                        <div class="accordion-body">
                                                            <div class="certificate-inner-box">
                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Certificate Date Show</div>
                                                                            <div class="admin-certificate-radio d-flex align-items-center">
                                                                                <div class="form-check mb-0 d-flex align-items-center">
                                                                                    <input class="form-check-input" type="radio" name="show_date" {{old('show_date') == 'yes' ? 'checked' : '' }} id="show_date_yes" value="yes">
                                                                                    <label class="form-check-label mb-0 color-heading" for="show_date_yes">Yes</label>
                                                                                </div>
                                                                                <div class="form-check mb-0 d-flex align-items-center">
                                                                                    <input class="form-check-input" type="radio" name="show_date" id="show_date_no" value="no" {{old('show_date') == 'no' ? 'checked' : '' }}>
                                                                                    <label class="form-check-label mb-0 color-heading" for="exampleRadios2">No</label>
                                                                                </div>
                                                                            </div>
                                                                            @if ($errors->has('show_date'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('show_date') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Position Y</div>
                                                                            <input type="number" min="0" name="date_y_position" value="{{old('date_y_position')}}" class="form-control" placeholder="40">
                                                                            @if ($errors->has('date_y_position'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('date_y_position') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Size</div>
                                                                            <input type="number" min="1" name="date_font_size" value="{{old('date_font_size')}}" class="form-control" placeholder="20">
                                                                            @if ($errors->has('date_font_size'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('date_font_size') }}</span>
                                                                            @endif
                                                                        </div>
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Color</div>
                                                                            <span class="color-picker">
                                                                                <label for="colorPicker5" class="mb-0">
                                                                                    <input type="color" name="date_font_color" value="{{old('date_font_color') ? : '#363234'}}" id="colorPicker5">
                                                                                </label>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="accordion-item course-sidebar-accordion-item">
                                                    <h2 class="accordion-header course-sidebar-title mb-2" id="panelsStayOpen-headingOne2">
                                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne2" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne2">
                                                            Student Name
                                                        </button>
                                                    </h2>

                                                    <div id="panelsStayOpen-collapseOne2" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne2">
                                                        <div class="accordion-body">
                                                            <div class="certificate-inner-box">
                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Student Name</div>
                                                                            <div class="admin-certificate-radio d-flex align-items-center">
                                                                                <div class="form-check mb-0 d-flex align-items-center">
                                                                                    <input class="form-check-input" type="radio" name="show_student_name" id="show_student_name_yes" value="yes" {{old('show_student_name') == 'yes' ? 'checked' : ''}} >
                                                                                    <label class="form-check-label mb-0 color-heading" for="show_student_name_yes">Yes</label>
                                                                                </div>
                                                                                <div class="form-check mb-0 d-flex align-items-center">
                                                                                    <input class="form-check-input" type="radio" name="show_student_name" id="show_student_name_no" value="no" {{old('show_student_name') == 'no' ? 'checked' : ''}} >
                                                                                    <label class="form-check-label mb-0 color-heading" for="show_student_name_no">No</label>
                                                                                </div>
                                                                            </div>
                                                                            @if ($errors->has('show_student_name'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('show_student_name') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Position Y</div>
                                                                            <input type="number" min="0" name="student_name_y_position" value="{{old('student_name_y_position')}}" class="form-control" placeholder="30">
                                                                            @if ($errors->has('student_name_y_position'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('student_name_y_position') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Size</div>
                                                                            <input type="number" min="1" name="student_name_font_size" value="{{old('student_name_font_size')}}" class="form-control" placeholder="20">
                                                                            @if ($errors->has('student_name_font_size'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('student_name_font_size') }}</span>
                                                                            @endif
                                                                        </div>
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Color</div>
                                                                            <span class="color-picker">
                                                                                <label for="colorPicker6" class="mb-0">
                                                                                    <input type="color" name="student_name_font_color" value="{{old('student_name_font_color') ? : '#363234'}}" id="colorPicker6">
                                                                                </label>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="accordion-item course-sidebar-accordion-item">
                                                    <h2 class="accordion-header course-sidebar-title mb-2" id="panelsStayOpen-headingTwo">
                                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false" aria-controls="panelsStayOpen-collapseTwo">
                                                            Body
                                                        </button>
                                                    </h2>
                                                    <div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingTwo">
                                                        <div class="accordion-body">
                                                            <div class="certificate-inner-box">
                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Body</div>
                                                                            <textarea name="body" id="" cols="30" rows="6" class="form-control" placeholder="[name] [course] Lorem ipsum dolor sit amet, consectetur adipiscing elit. A id amet metus pellentesque ac diam feugiat. Proin neque, enim sit tellus enim. Sed in nulla feugiat enim est lobortis euismod neque in." required>{{old('body')}}</textarea>

                                                                            <div class="certificate-body-textarea-btns mt-1">
                                                                                <button class="color-hover">[name]</button>
                                                                                <button class="color-hover">[course]</button>
                                                                            </div>

                                                                            @if ($errors->has('body'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('body') }}</span>
                                                                            @endif

                                                                        </div>
                                                                    </div>

                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Position Y</div>
                                                                            <input type="number" min="0" name="body_y_position" value="{{old('body_y_position')}}" class="form-control" placeholder="20">
                                                                            @if ($errors->has('body_y_position'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('body_y_position') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Size</div>
                                                                            <input type="number" min="0" name="body_font_size" value="{{old('body_font_size')}}" class="form-control" placeholder="20">
                                                                            @if ($errors->has('body_font_size'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('body_font_size') }}</span>
                                                                            @endif
                                                                        </div>
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Color</div>
                                                                            <span class="color-picker">
                                                                                <label for="colorPicker1" class="mb-0">
                                                                                    <input type="color" name="body_font_color" value="{{old('body_font_color') ? : '#363234'}}" id="colorPicker1">
                                                                                </label>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="accordion-item course-sidebar-accordion-item">
                                                    <h2 class="accordion-header course-sidebar-title mb-2" id="panelsStayOpen-headingThree">
                                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
                                                            Certificate Role 01
                                                        </button>
                                                    </h2>
                                                    <div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingThree">
                                                        <div class="accordion-body">
                                                            <div class="certificate-inner-box">
                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Title</div>
                                                                            <input type="text" name="role_1_title" value="{{old('role_1_title')}}" class="form-control" placeholder="Administrator">
                                                                            @if ($errors->has('role_1_title'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('role_1_title') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>


                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Signature</div>
                                                                            <div class="create-certificate-browse-file form-control mb-2">
                                                                                <div>
                                                                                    <input type="file" name="role_1_signature" accept="image/*" class="form-control" title="Browse Image File" required>
                                                                                </div>
                                                                            </div>
                                                                            <div class="recomended-size-for-img font-12">Accepted Files: PNG</div>
                                                                            <div class="recomended-size-for-img font-12">Recommend Size 120 x 60</div>
                                                                            @if ($errors->has('role_1_signature'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('role_1_signature') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>

                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Position Y</div>
                                                                            <input type="number" min="0" name="role_1_y_position" value="{{old('role_1_y_position')}}" class="form-control" placeholder="55">
                                                                            @if ($errors->has('role_1_y_position'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('role_1_y_position') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Size</div>
                                                                            <input type="number" min="0" name="role_1_font_size" value="{{old('role_1_font_size')}}" class="form-control" placeholder="20">
                                                                            @if ($errors->has('role_1_font_size'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('role_1_font_size') }}</span>
                                                                            @endif
                                                                        </div>
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Color</div>
                                                                            <span class="color-picker">
                                                                                <label for="colorPicker2" class="mb-0">
                                                                                    <input type="color" name="role_1_font_color" value="{{old('role_1_font_color') ? : '#363234'}}" id="colorPicker2">
                                                                                </label>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="accordion-item course-sidebar-accordion-item">
                                                    <h2 class="accordion-header course-sidebar-title mb-2" id="panelsStayOpen-headingThree1">
                                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree1" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree1">
                                                            Certificate Role 02
                                                        </button>
                                                    </h2>
                                                    <div id="panelsStayOpen-collapseThree1" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingThree1">
                                                        <div class="accordion-body">
                                                            <div class="certificate-inner-box">
                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Title</div>
                                                                            <input type="text" name="role_2_title" value="{{old('role_2_title')}}" class="form-control" placeholder="Instructor">
                                                                            @if ($errors->has('role_2_title'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('role_2_title') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>

                                                                    <div class="row">
                                                                        <div class="col-md-12 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Position Y</div>
                                                                            <input type="number" min="0" name="role_2_y_position" value="{{old('role_2_y_position')}}" class="form-control" placeholder="55">
                                                                            @if ($errors->has('role_2_y_position'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('role_2_y_position') }}</span>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Size</div>
                                                                            <input type="number" min="1" name="role_2_font_size" value="{{old('role_2_font_size')}}" class="form-control" placeholder="20">
                                                                            @if ($errors->has('role_2_font_size'))
                                                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('role_2_font_size') }}</span>
                                                                            @endif
                                                                        </div>
                                                                        <div class="col-md-6 mb-15">
                                                                            <div class="label-text-title color-heading font-16 mb-1">Font Color</div>
                                                                            <span class="color-picker">
                                                                                <label for="colorPicker7" class="mb-0">
                                                                                    <input type="color" name="role_2_font_color" value="{{old('role_2_font_color') ? : '#363234'}} " id="colorPicker7">
                                                                                </label>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <button type="submit" class="theme-btn theme-button1 default-hover-btn mt-30">Save Certificate</button>
                                        </div>
                                    </form>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- Page content area end -->
@endsection

@push('style')
<link rel="stylesheet" href="{{asset('frontend/assets/fonts/feather/feather.css')}}">
<link rel="stylesheet" href="{{asset('frontend/assets/css/for-certificate.css')}}">
<link rel="preload" href="{{asset('frontend/assets/fonts/mongolian_baiti/MongolianBaiti.woff2')}}" as="font" type="font/woff" crossorigin>
<link rel="preload" href="{{asset('frontend/assets/fonts/mongolian_baiti/MongolianBaiti.woff2')}}" as="font" type="font/woff2" crossorigin>
@endpush

@push('script')
<script src="{{asset('frontend/assets/js/color.js')}}"></script>
@endpush