@extends('layouts.app')
@section('content')


<div class="depot_container">
	<header>
		<i class="fas fa-images"></i>
		<h1>Déposez vos médias</h1>
	</header>
	<div class="mainContent">
		<div class="col">
			<form class="form_depot_media" action="#" method="post">
				<input id="depot_nom" type="text" name="" value="" placeholder="Votre nom*" required>
				<select id="depot_societe" name="" required>
				@foreach ($sites as $site)
					<option value="{{$site->libelle}}">{{$site->libelle}}</option>
				@endforeach
				</select>
				<textarea id="depot_description" name="name" rows="8" cols="80" placeholder="Description des fichiers envoyés*" required></textarea>
			</form>
		</div>
		<div class="col">
			<span class="fileinput-button">
		        <i class="fas fa-plus-circle"></i><span>  Ajouter des fichiers</span>
		        <input id="uploadDepot" type="file" name="files[]" multiple>
		    </span>
			<div class="content_wrapper">
				<!-- The container for the uploaded errors -->
				<div id="upload_errors"></div>
				<!-- The container for the uploaded files -->
				<div id="files" class="files"></div>
			</div>
		</div>
	</div>
	<div class="upload_bar">
		<a id="submit" class="btn" href="#">Transférer</a>
		<!-- The global progress bar -->
		<div id="progress" class="progress">
			<div class="progress-bar progress-bar-success"></div>
		</div>
	</div>
</div>

@endsection
@section('scripts')
	<script src="{{ asset('js/uploadfile/vendor/jquery.ui.widget.js') }}"></script>
	<script src="{{ asset('js/uploadfile/jquery.iframe-transport.js') }}"></script>
	<script src="{{ asset('js/uploadfile/jquery.fileupload.js') }}"></script>
@endsection