@extends('layouts.master')
@section('content')
<div class="app-title">
    <div>
        <h1><i class="fa fa-th-list"></i>Berkas SDM</h1>
    </div>
    <ul class="app-breadcrumb breadcrumb side">
        <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
        <li class="breadcrumb-item active"><a href="#">Berkas SDM</a></li>
    </ul>
</div>
@if(session('message'))
<div class="row">
    <div class="col-md-12">
        <div class="alert alert-success">{{ session('message') }}</div>
    </div>
</div>
@endif 
<div class="row">
    <div class="col-md-12">
        <div class="tile">
            <div class="tile-body">
               <button class="btn btn-info" type="button" onclick="myFunction()"><i class="fa fa-plus" aria-hidden="true"></i>Upload File</button>
               <div class="border border-primary" id="hide-elemen" style="display:none" >
                    <form method="post" id="form" enctype="multipart/form-data" action="{{route('berkas.upload')}}">
                        @csrf
                        <div class="row" style="margin:10px 5px;">
                            <div class="col-md-6">
                                <label class="col-form-label" for="inputDefault">Upload File</label>
                                <br>
                                <input type="file" name="file_sdm[]" multiple required>
                            </div>
                        </div>
                        <div class="row" style="margin:0px 4px">
                            <div class="col-md-12">
                                <label class="col-form-label" for="inputDefault">Folder Region</label>
                                <select class="form-control" required name="region">
                                    <option value="" disabled selected>-select region-</option>
                                    @foreach($region as $r)
                                    <option value="{{$r}}">{{$r}}</option>
                                    @endforeach
                                </select>
                             </div>
                        </div>
                        <br>
                        <button class="btn btn-info" type="submit" style="margin:20px;"><i class="fa fa-upload" aria-hidden="true"></i>Upload</button>
                    </form>
               </div>
            </div>
            <!-- <a href="#">tes dwonlod</a> -->
            <div class="tile-body">
                <div class="row">
                    @foreach($region as $r)
                    <div class="col-lg-4" style="margin-top: 30px;">
                        <div class="bs-component">
                            <div class="list-group"><a class="list-group-item list-group-item-action active" style="background-color:#66806A;" href="#"> <i class="fa fa-download" aria-hidden="true"></i>&nbsp; Download All</a>
                                <a class="list-group-item list-group-item-action" href="{{route('berkas.view', $r)}}">
                                <i class="fa fa-folder-open" aria-hidden="true"></i>
                                    All File SDM {{$r}}
                                </a>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>
@endsection