@extends('master_layout.app')

@section('content')
    <section id="content" class="content">
        <div class="content__header content__boxed overlapping">
            <div class="content__wrap">

                <h4 class="mb-3 fw-semibold">Excel upload</h4>


                <div class="container-fluid">


                    <div class="row">
                        <div class="col-12">
                            @if (session('success'))
                                <div class="alert alert-success mt-3">{{ session('success') }}</div>
                            @endif
                            @if (session('error'))
                                <div class="alert alert-danger mt-3">{{ session('error') }}</div>
                            @endif
                            <div class="card" class="propertywizard">

                                <div class="card-body">
                                    <div class="mt-5">


                                        @if ($errors->any())
                                            <div class="alert alert-danger">
                                                <ul class="mb-0">
                                                    @foreach ($errors->all() as $err)
                                                        <li>{{ $err }}</li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        @endif

                                        <form action="{{ route('excel-template-upload') }}" method="POST"
                                            enctype="multipart/form-data" class="mt-3">
                                            @csrf
                                            <div class="mb-3">
                                                <label for="excel" class="form-label">Choose Excel file (.xlsx)</label>
                                                <input class="form-control" type="file" id="excel_file" name="excel"
                                                    accept=".xlsx" required>
                                            </div>

                                            <button class="btn btn-primary" type="submit">Upload & Save</button>
                                            <a href="{{ route('excel.download', 1) }}" class="btn btn-primary">
                                                Download
                                            </a>
                                        </form>

                                    </div>

                                </div> <!-- end card body -->
                            </div> <!-- end card -->
                        </div><!-- end col -->
                    </div> <!-- end row -->


                </div>


            </div>



        </div>




        <style>
            .ri-add-circle-line {
                font-size: 20px;
                padding-left: 5px;
            }

            .ri-subtract-line {
                font-size: 20px;
                padding-left: 5px;
            }

            .tab-img {
                width: 30px;
            }

            button#submitBtn {
                position: relative;
                right: 280px;
            }

            .form-check {
                display: block;
                min-height: 1.3125rem;
                padding-left: 1.612em;
                margin-bottom: 0;
                margin: 0 0%;
            }
        </style>
    </section>
@endsection