@extends('layouts.master')

@section('sidebar')
    @parent

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

@section('content')

<!-- complex headers -->
<div class="row">
    <div class="col-10 offset-1">
        <div class="material-card card">
            <div class="card-body">
                <h4 class="card-title">Liste des banques bénéficiant la promotion {{$promotion[0]['promotion']}}</h4>
                <h6 class="card-subtitle"></h6><br/><br/>
                <div class="ml-auto">
                    <div class="btn-group">
                        <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#addbank">
                          Ajouter Banques
                        </button>
                    </div>
                </div><br/>
                <div class="table-responsive">
                    <table id="complex_header" class="table table-striped table-bordered display" style="width:100%">
                        <thead>
                            <tr>
                                <th></th>
                                <th>Zone</th>
                                <th>Banque</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(empty($bankpromotions))
                                <h4 class="text-center"></h4>
                            @endif

                            @if(!empty($bankpromotions))
                                                                @foreach($bankpromotions as $bankpromotion)
                                                            <tr>
                                <td> {{$i}} </td>
                                <td> {{$bankpromotion->zone}}</td>
                                <td> {{$bankpromotion->name}} </td>
                                <td><a href="modifypromobank?id={{$bankpromotion->bankpromotionId}}&promotionId={{$promotion[0]['id']}}" style="float: right; margin-right:10px;" class="btn btn-sm btn-dark">Retirer</a></td>
                            </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- DOM Positioning -->

<!-- Assigner Modal -->
<div class="modal fade" id="addbank" tabindex="-1" role="dialog" aria-labelledby="createModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form method="POST" action="addpromobank">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="createModalLabel">{{$promotion[0]['promotion']}} | Ajouter Banque </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Pour une selection multiple presser <code>Ctrl</code> sur votre clavier puis selectionner autant que vous voulez.</p>
                    <div class="input-group mb-3">
                        <select class="form-control" name="banqueIds[]" multiple placeholder="Nom Article" aria-label="name" style="height:250px;">
                            @if(!empty($banques))
                                @foreach($banques as $banque)
                                    @if(in_array($banque->id, $bankpromotionIds)==false)
                                    <option value="{{$banque->id}}">{{$banque->name}}</option>
                                    @endif
                                @endforeach
                            @endif
                        </select>
                        <input type="number" name="promotionId" value="{{$promotion[0]['id']}}" hidden />
                    </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> Ajouter</button>
                </div>
            </form>
        </div>
    </div>
</div>

@stop