@extends('admin.layouts.index')
@section('css')
@endsection
@section('title')
<title>Admin | CS-Design </title>
@endsection
@section('content')
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Home Image</h2>
        <ol class="breadcrumb">
            <li>
                <a href="#">Admin</a>
            </li>
            <li>
                <a>Custom</a>
            </li>
            <li class="active">
                <strong>Home Image</strong>
            </li>
        </ol>
    </div>
</div>
<div class="content" style="margin-top:30px">
    @if(session()->has('success'))
    <div class="alert alert-success">
        {{session()->get('success')}}
    </div>
    @endif
    @if(session()->has('error'))
    <div class="alert alert-danger">
        {{session()->get('error')}}
    </div>
    @endif
</div>
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-lg-12 animated fadeInRight">
            <div class="mail-box-header">
                <h2>
                    Home Image
                </h2>
            </div>
            <img src="{{asset('/image/homepage.png')}}" style="width: 100%;" alt="">
            <div class="mail-box">
                <div class="mail-body">
                    <form action="/admin/update_home_image" class="form-horizontal" enctype="multipart/form-data" method="POST">
                        @csrf
                        <div class="form-group"><label class="col-sm-2 control-label">Current Image</label>
                            <div class="col-sm-5"><img src="{{$images->home_image}}" style="width: 100%;" alt=""></div>
                            <div class="col-sm-5"><img src="{{$images->mobile_image}}" style="width: 30%;" alt=""></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">Desktop Image</label>
                            <div class="col-sm-10"><input type="file"  class="form-control" name="desktop"
                                    value=""></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">Mobile Image</label>
                            <div class="col-sm-10"><input type="file"  class="form-control" name="mobile"
                                    value=""></div>
                        </div>
                        <div class="mail-body text-right tooltip-demo">
                            <button type="submit" class="btn btn-sm btn-primary" data-toggle="tooltip"
                                data-placement="top" title="Send">Update</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- <div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-lg-12 animated fadeInRight">
            <div class="mail-box-header">
                <h2>
                    Contact Page
                </h2>
            </div>
            <div class="mail-box">
                <img src="{{asset('/image/mobile.png')}}" style="width: 30%;" alt="">
                <div class="mail-body">
                    <form action="/admin/update_info_contact_page" class="form-horizontal" method="POST">
                        @csrf
                        <div class="form-group"><label class="col-sm-2 control-label">Mobile Image</label>
                            <div class="col-sm-10"><input type="file" required class="form-control" name="office_in">
                            </div>
                        </div>
                        <div class="mail-body text-right tooltip-demo">
                            <button type="submit" class="btn btn-sm btn-primary" data-toggle="tooltip"
                                data-placement="top" title="Send">Update</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div> -->
@endsection
@section('js')
<script src="{{asset('admin2/js/admin/plugins/summernote/summernote.min.js')}}"></script>
<script src="{{asset('admin2/js/admin/jquery-3.1.1.min.js')}}"></script>
<script src="{{asset('admin2/js/admin/bootstrap.min.js')}}"></script>
<script src="{{asset('admin2/js/admin/plugins/metisMenu/jquery.metisMenu.js')}}"></script>
<script src="{{asset('admin2/js/admin/plugins/slimscroll/jquery.slimscroll.min.js')}}"></script>
<!-- FooTable -->
<script src="{{asset('admin2/js/admin/plugins/footable/footable.all.min.js')}}"></script>
<!-- Custom and plugin javascript -->
<script src="{{asset('admin2/js/admin/inspinia.js')}}"></script>
<script src="{{asset('admin2/js/admin/plugins/pace/pace.min.js')}}"></script>
<!-- Page-Level Scripts -->
<script>
    $(document).ready(function () {
        $('.footable').footable();
        $('.footable2').footable();
    });
</script>

<!-- Page-Level Scripts -->
@endsection