@extends('admin.layouts.app')
@section('title', 'Favicon')
@section('content')
<div class="container-full">
	<div class="content-header">
	    <div class="d-flex align-items-center">
	        <div class="mr-auto">
	            <h3 class="page-title">Favicon</h3>
	            <div class="d-inline-block align-items-center">
	                <nav>
	                    <ol class="breadcrumb">
	                        <li class="breadcrumb-item">
	                        	<a href="#"><i class="mdi mdi-home-outline">Website Setting</i></a>
	                        </li>
	                        <li class="breadcrumb-item active" aria-current="page">Favicon</li>
	                    </ol>
	                </nav>
	            </div>
	        </div>
	    </div>
	</div>

	<section class="content">
	    <div class="row">
	        <div class="col-lg-12 col-12">
	            <div class="box">
	                <div class="box-header with-border">
	                    <h4 class="box-title">Upload Favicon Image</h4>
	                </div>
	                <!-- /.box-header -->
	                <form class="form" method="post" action="{{ route('admin.config.post') }}" enctype="multipart/form-data" id="file-upload">
	                	@csrf
	                    <div class="box-body">
	                        <div class="row">
	                            <div class="col-md-12">
	                                <div class="form-group">
	                                    <label>Favicon Image</label>
	                                    <input name="favicon" type="file" class="dropify" data-default-file = "{{ asset($data->flag_value) }}"/>
	                                </div>
	                            </div>
	                        </div>
							<div class="form-group">
								<div class="progress">
									<div class="progress-bar progress-bar-striped progress-bar-animated bg-success result" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%" id="progressBar">0%</div>
									
								</div>
							</div>
	                    </div>
	                    <!-- /.box-body -->
	                    <div class="box-footer">
	                        <button type="button" onclick="window.history.back()" class="btn btn-rounded btn-warning btn-outline mr-1">
    <i class="ti-trash"></i> Cancel
</button>
	                        <button type="submit" class="btn btn-rounded btn-primary btn-outline" onclick="progress()"
							>
	                        <i class="ti-save-alt"></i> Save
	                        </button>
	                    </div>
	                </form>
	            </div>
	            <!-- /.box -->			
	        </div>
	    </div>
	</section>

</div>
@endsection

@push('css')
<style></style>
@endpush

@push('js')
<script></script>
@endpush