@extends('main')

@section('content')
<div class="flex justify-center">
    <form action="{{ route('branch.centre.upload') }}" method="POST" enctype="multipart/form-data">
            @csrf
        <div class="z-10 mt-20 mx-auto bg-white p-10">
            @if(session('message'))
                <div class="bg-green-200 text-success p-5">
                    {{ session('message') }}
                </div>
            @endif
            <ul>
                @foreach ($errors->all() as $error)
                    <li class="bg-red text-white p-5">{{ $error }}</li>
                @endforeach
            </ul>
            <label
                for="formFile"
                class="mb-5 inline-block text-black text-[28px] dark:text-neutral-400"
                >Branch Centre Import</label
            >
            <input
                class="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded bg-clip-padding py-[0.32rem] text-base font-normal border border-gray-600 pl-3 pt-3 pb-3 text-surface transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:me-3 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-e file:border-solid file:border-inherit file:bg-transparent file:px-3  file:py-[0.32rem] file:text-surface focus:border-primary focus:text-gray-700 focus:shadow-inset focus:outline-none dark:border-white/70 dark:text-white  file:dark:text-white"
                type="file"
                name="branch_centre_file"
                id="formFile"/>
        </div>

        <div class="text-center">
            <button class="mt-5 rounded-lg px-4 py-2 bg-blue-500 text-white font-semibold hover:bg-blue-600 duration-300">
                Upload
            </button>
        </div>
    </form>
</div>
@endsection