@extends('layouts.dashboard')

@section('content')

<div class="padding-top40"></div>

<div class="bs-example">

	<!-- main part-->
	<div class="container-fluid dropboxContainer" style="background-color:#fff;">
    <div class="row" style="margin-top:2%; margin-bottom:2%;">
      <div class="col-md-8 col-md-offset-2">
				<h1 class="page-header"> My Dropbox </h1>
				@error('dropboxFileData')
				    <span class="text-danger">{{ $message }}</span>
				@enderror
				@if(Session::has('dropbox_integration_success'))
          <div class="alert alert-success alert-dismissible text-center">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
            <strong> {{ session('dropbox_integration_success') }} </strong>
          </div>
        @endif

        @if(Session::has('storeDetailsSaved'))
          <div class="alert alert-success alert-dismissible text-center">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
            <strong> {{ session('storeDetailsSaved') }} </strong>
          </div>
        @endif

        @if(Session::has('storeDetailsError'))
          <div class="alert alert-danger alert-dismissible text-center">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
            <strong> {{ session('storeDetailsError') }} </strong>
          </div>
        @endif

				@isset($dropboxError)
          <div class="alert alert-danger alert-dismissible text-center">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
            <strong> {{ $dropboxError }} </strong>
          </div>
        @endisset


				<form class="" action="{{ url('/uploadDropboxData') }}" method="post">
					@csrf
					<table class="table table-bordered">
						<thead>
							<tr>
								<th class="col-md-2">Select</th>
								<th class="col-md-10">Name</th>
							</tr>
						</thead>
						<tbody>
							@isset($dropboxData)

								@foreach($dropboxData as $dbxData)

											@if($dbxData['.tag'] == 'folder')
											<tr>
												<td class="col-md-2">
													<div class="radio">
										  			<label><input type="radio" name="dropboxFileData" value="{{ json_encode($dbxData) }}"></label>
													</div>
												</td>
												<td class="col-md-10">
													<span> <i class="fa fa-folder-o fa-2x" aria-hidden="true"></i> </span>
													<span>{{ $dbxData['name'] }}</span>
												</td>
											</tr>
											@endif

											@if($dbxData['.tag'] == 'success')
												<tr>
													<td class="col-md-2">
														<div class="radio">
															<label><input type="radio" name="dropboxFileData" value="{{ json_encode($dbxData) }}"></label>
														</div>
													</td>
													<td class="col-md-10">
														<img src="data:image/png;base64, {{ $dbxData['thumbnail'] }}" title="{{ $dbxData['metadata']['name'] }}" height="32" width="32">
														{{ $dbxData['metadata']['name'] }}
													</td>
												</tr>
											@endif
								@endforeach

							@endisset
						</tbody>
					</table>
					<div class="">
						<input type="submit" class="btn btn-info pull-right" name="" value="Import">
					</div>
				</form>
      </div>
    </div>

  </div>
</div>


@endsection