@extends('layouts.master')

@section('sidebar')
    @parent

    <p>This is appended to the master sidebar.</p>
@stop

@section('content')

<div class="row">
    <!-- Column -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <div class="d-flex no-block align-items-center mb-4">
                    <h4 class="card-title">Articles</h4>
                    <div class="ml-auto">
                        <div class="btn-group">
                            <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#createmodel">
                                Créer Nouveau Article
                            </button>
                        </div>
                    </div>
                </div>
                @if(empty($articles))
                <h4 class="text-center"> Aucun article definie</h4>
                @endif
                @if(!empty($articles))
                <div class="table-responsive" style="height: 400px; overflow:auto;">
                    <table id="file_export" class="table table-bordered nowrap display">
                        <thead>
                            <tr>
                                <th>Articles </th>
                                <th>Stock</th>
                                <th>Quantités</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($articles as $article)
                            <tr>
                                <td>
                                    {{$article['article']}}
                                </td>
                                <td>
                                    {{$article['departement']}}
                                </td>
                                <td>
                                    {{sizeof($article['quantite'])}}
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @endif
            </div>
        </div>
    </div>
    <!-- Column -->
    <!-- Create Modal -->
    <div class="modal fade" id="createmodel" tabindex="-1" role="dialog" aria-labelledby="createModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form method="POST" action="add_stock">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="createModalLabel"><i class="ti-marker-alt mr-2"></i> Créer Nouveau Articles</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="article" placeholder="Nom Article" aria-label="name">
                        </div>
                        <!-- <div class="input-group mb-3">
                            <button type="button" class="btn btn-info"><i class="ti-more text-white"></i></button>
                            <input type="text" class="form-control" placeholder="Enter Mobile Number Here" aria-label="no">
                        </div>
                        <div class="input-group mb-3">
                            <button type="button" class="btn btn-info"><i class="ti-import text-white"></i></button>
                            <div class="custom-file">
                                <input type="file" class="custom-file-input" id="inputGroupFile01">
                                <label class="custom-file-label" for="inputGroupFile01">Choose Image</label>
                            </div>
                        </div> -->
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                        <button type="submit" class="btn btn-success"><i class="ti-save"></i> Enregistrer</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="col-md-6" >
        <div class="card">
            <div class="card-body" >
                <div class="d-flex no-block align-items-center mb-4">
                    <h4 class="card-title">Localisation</h4>
                    <div class="ml-auto">
                        <div class="btn-group">
                            <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#location">
                                Créer Nouveau localisation
                            </button>
                        </div>
                    </div>
                </div>
                @if(empty($articles))
                <h4 class="text-center"> Aucune localisation definie</h4>
                @endif
                @if(!empty($articles))
                <div class="table-responsive" style="height: 400px; overflow:auto;">
                    <table id="file_export" class="table table-bordered nowrap display">
                        <thead>
                            <tr>
                                <th>Local </th>
                                <th>Description</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($locations as $location)
                            <tr>
                                <td>
                                    {{$location['name']}}
                                </td>
                                <td>
                                    {{$location['description']}}
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @endif
            </div>
        </div>
    </div>
     <!-- Culunm -->      
    <!-- Create Modal -->
    <div class="modal fade" id="location" tabindex="-1" role="dialog" aria-labelledby="createModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form method="POST" action="add_location">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="createModalLabel"><i class="ti-marker-alt mr-2"></i> Localisation</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="name" placeholder="Localisation" aria-label="name">
                        </div>
                        <div class="input-group mb-3">
                            <textarea class="form-control" placeholder="" name="description" aria-label="no"></textarea>
                        </div>
                        <!--<div class="input-group mb-3">
                            <button type="button" class="btn btn-info"><i class="ti-import text-white"></i></button>
                            <div class="custom-file">
                                <input type="file" class="custom-file-input" id="inputGroupFile01">
                                <label class="custom-file-label" for="inputGroupFile01">Choose Image</label>
                            </div>
                        </div> -->
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                        <button type="submit" class="btn btn-success"><i class="ti-save"></i> Enregistrer</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@stop