@extends('layouts.admin')
@section('titre')
    Ajouter les votes
@endsection
@section('header')
@endsection
@section('content')
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1><b><i class="fas fa-cogs"></i></b> Enrégistrement des résultats</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="/">Accueil</a></li>
                            <li class="breadcrumb-item active">Résultats/Enregitrements</li>
                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <!-- modal qui ajoute -->
                <div class="row">
                    <div class="col col-sm-12 col-md-12">

                        <div class="card card-default">
                            <div class="card-header">
                                <h3 style="width:100%">
                                    ENREGISTREMENT DES RESULTATS PAR BUREAU
                                    <a class="btn btn-primary float-right" href="Resultats.Enregistrement"> <i class="fas fa-undo"></i> RAFRAICHIR</a>
                                </h3>
                            </div>
                            <div class="card-body">
                                @if(isset($lebureau))                           
                                        <div class="row">
                                            <div class="col-sm-4">
                                                <!-- text input -->
                                                <div class="form-group">
                                                    <label>PROVINCE</label>
                                                    <input type="text" class="form-control" value="{{$lebureau->province->name}}" readonly>
                                                </div>
                                            </div>
                                            <div class="col-sm-4">
                                                <!-- text input -->
                                                <div class="form-group">
                                                    <label>COMMUNE/DEPARTEMENT</label>
                                                    <input type="text" class="form-control" value="{{$lebureau->department->name}}" readonly>
                                                </div>
                                            </div>
                                            <div class="col-sm-4">
                                                <!-- text input -->
                                                <div class="form-group">
                                                    <label>DISTRICT/ARRONDISSEMENT</label>
                                                    <input type="text" class="form-control" value="{{$lebureau->district->name}}" readonly>
                                                </div>
                                            </div>
                                            <div class="col-sm-4">
                                                <!-- text input -->
                                                <div class="form-group">
                                                    <label>CENTRE DE VOTE</label>
                                                    <input type="text" class="form-control" value="{{$lebureau->centre_vote->name}}" readonly>
                                                </div>
                                            </div>
                                            <div class="col-sm-4">
                                                <!-- text input -->
                                                <div class="form-group">
                                                    <label>BUREAU DE VOTE</label>
                                                    <input type="text" class="form-control" value="Bureau N°{{$lebureau->numero}}" readonly>
                                                </div>
                                            </div>  
                                            <div class="col-sm-4">                                                
                                                <form action="{{ route('recherche.bureau') }}" method="POST" >
                                                    @csrf
                                                    <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">  
                                                    <input type="hidden" value="{{$lebureau->voting_center_id}}" name="voting_center_id">
                                                    <input type="hidden" value="{{$lebureau->province_id}}" name="province_id">
                                                    <input type="hidden" value="{{$lebureau->department_id}}" name="department_id">
                                                    <input type="hidden" value="{{$lebureau->district_id}}" name="district_id">
                                                    <div class="row">
                                                        <div class="col-sm-9">
                                                            <!-- text input -->
                                                            <div class="form-group">
                                                                <label>CHANGER LE BUREAU DE VOTE</label>
                                                                <select id="bureau" class="form-control select2" name="bureau_id"  required>
                                                                    <option disabled selected >--Choisissez le district--</option>
                                                                    @for($i=1; $i<=31; $i++)
                                                                        <option value="{{$i}}" >Bureau N° {{$i}} </option>
                                                                    @endfor
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-3">
                                                            <!-- text input -->
                                                            <div class="form-group">
                                                                <br>
                                                                <button type="submit" name="ajouter" class="btn btn-success float-right">
                                                                    <B><i class="fas fa-search"></i>&nbsp;&nbsp; </B>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>             

                                        <form action="{{ route('ajouter.vote') }}" method="POST" >
                                            @csrf        
                                            <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
                                            <input type="hidden" value="{{$lebureau->voting_center_id}}" name="voting_center_id">
                                            <input type="hidden" value="{{$lebureau->province_id}}" name="province_id">
                                            <input type="hidden" value="{{$lebureau->department_id}}" name="department_id">
                                            <input type="hidden" value="{{$lebureau->district_id}}" name="district_id">
                                            <input type="hidden" value="{{$lebureau->numero}}" name="bureau_id">                   
                                        <div class="row"> 
                                            <div class="col-sm-3">
                                                <!-- text input -->
                                                <div class="form-group">
                                                    <label>NOMBRE D'INSCRITS</label>
                                                    <input type="number" step="1" class="form-control" required value="{{old('inscrit')}}" name="inscrit" id="inscrit">
                                                </div>
                                            </div>
                                            <div class="col-sm-3">
                                                <!-- text input -->
                                                <div class="form-group">
                                                    <label>NOMBRE DE VOTANTS</label>
                                                    <input type="number" step="1" class="form-control"  value="{{old('votants')}}" name="votants" id="votants" readonly>
                                                </div>
                                            </div>
                                            <div class="col-sm-3">
                                                <!-- text input -->
                                                <div class="form-group">
                                                    <label>BULLETINS BLANCS</label>
                                                    <input type="number" step="1" required value="{{old('blancs')}}" class="form-control" name="blancs" id="blancs">
                                                </div>
                                            </div>
                                            <div class="col-sm-3">
                                                <!-- text input -->
                                                <div class="form-group">
                                                    <label>SUFRAGES EXPRIMES</label>
                                                    <input type="number" step="1" class="form-control"  value="{{old('exprimes')}}" name="exprimes" id="exprimes" readonly>
                                                </div>
                                            </div>
                                            @foreach($candidats as $candidat)
                                            <div class="col-sm-2">
                                                <!-- text input -->
                                                <div class="form-group">
                                                    <label> <small>{{$candidat->nom_params}}</small> </label>
                                                    <input type="number" step="1" required class="form-control"  value="{{$lebureau->resultats()->where('candidat_id', $candidat->id)->sum('vote')}}" name="vote{{$candidat->id}}">
                                                </div>
                                            </div>
                                            @endforeach
                                            <div class="col-md-12">
                                                <button type="submit" name="ajouter" class="btn btn-success float-right">
                                                    <B><i class="fas fa-save"></i>&nbsp;&nbsp; SAUVEGARDER</B>
                                                </button>
                                            </div>
                                        </div>
                                        </form>
                                @else                               
                                    <div class="row">
                                        <form action="{{ route('recherche.bureau') }}" method="POST" >
                                            @csrf
                                            <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
                                            <div class="row">
                                                <div class="col-sm-4">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label>PROVINCE</label>
                                                        <select id="province" class="form-control select2" name="province_id" onchange="populate_dep(this.id, 'departement')">
                                                            <option disabled selected >--Choisir la province--</option>
                                                            @foreach($provinces as $province)
                                                                <option value="{{$province->id}}" >
                                                                    {{$province->name}}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-4">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label>COMMUNE/DEPARTEMENT</label>
                                                        <select id="departement" class="form-control select2" name="department_id"  onchange="populate_dist(this.id, 'district')" required>
                                                            <option disabled selected>--Choisissez le province--</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-4">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label>DISTRICT/ARRONDISSEMENT</label>
                                                        <select id="district" class="form-control select2" name="district_id"  onchange="populate_centre(this.id, 'centre')"  required>
                                                            <option disabled selected>--Choisissez le département--</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-4">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label>CENTRE DE VOTE</label>
                                                        <select id="centre" class="form-control select2" name="voting_center_id" required>
                                                            <option disabled selected>--Choisissez le district--</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-4">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label>BUREAU DE VOTE</label>
                                                        <select id="bureau" class="form-control select2" name="bureau_id"  required>
                                                            <option disabled selected >--Choisissez le district--</option>
                                                            @for($i=1; $i<=31; $i++)
                                                                <option value="{{$i}}" >Bureau N° {{$i}} </option>
                                                            @endfor
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-4">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <br>
                                                        <button type="submit" name="ajouter" class="btn btn-success float-right">
                                                            <B><i class="fas fa-search"></i>&nbsp;&nbsp; CONSULTER</B>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                @endif
                            </div>
                            @if(isset($lebureau))
                                <div class="card-footer">
                                   <div class="row">
                                       <div class="col col-md-12">
                                           @if (session('status'))
                                                <div class="alert alert-success">
                                                    <h4>{{ session('status') }}</h4>
                                                </div>
                                            @endif
                                           @if (session('erreur'))
                                                <div class="alert alert-danger">
                                                    <h4>{{ session('erreur') }}</h4>
                                                </div>
                                            @endif
                                       </div>
                                   </div>
                                </div>
                            @endif
                        </div>
                        @if(isset($lebureau))
                            <div class="card card-default">
                                <div class="card-header">
                                    <h3 class="card-title">DETAILS DU BUREAU:  {{  $lebureau->centre_vote->district->department->province->name }} <span  class="fas fa-chevron-right"></span> {{  $lebureau->centre_vote->district->department->name }} <span  class="fas fa-chevron-right"></span> {{  $lebureau->centre_vote->district->name }} <span  class="fas fa-chevron-right"></span> {{  $lebureau->centre_vote->name }} <span  class="fas fa-chevron-right"></span> N°{{  $lebureau->numero }} <span  class="fas fa-chevron-right"></span> </h3>
                                </div>
                                <div class="body">
                                    <div class="row p-2">
                                        <div class="col-md-3">
                                            <div class="info-box card-primary card-outline shadow-lg">
                                                <span class="info-box-icon bg-primary"> <i class="fas fa-users"></i> </span>
                                                <div class="info-box-content">
                                                    <center>
                                                        <span class="info-box-text">Nbr Inscrits</span>
                                                        <span class="info-box-number" style="font-size: 150%;">{{$lebureau->inscrit}}</span>
                                                    </center>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="info-box card-primary card-outline shadow-lg">
                                                <span class="info-box-icon bg-primary"> <i class="fas fa-users"></i> </span>
                                                <div class="info-box-content">
                                                    <center>
                                                        <span class="info-box-text">Nbr Votants</span>
                                                        <span class="info-box-number" style="font-size: 150%;">{{$lebureau->votants}}</span>
                                                    </center>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="info-box card-warning card-outline shadow-lg">
                                                <span class="info-box-icon bg-warning"> <i class="fas fa-users"></i> </span>
                                                <div class="info-box-content">
                                                    <center>
                                                        <span class="info-box-text">Nbr Bul. Blanc</span>
                                                        <span class="info-box-number" style="font-size: 150%;">{{$lebureau->blancs}}</span>
                                                    </center>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="info-box card-success card-outline shadow-lg">
                                                <span class="info-box-icon bg-success"> <i class="fas fa-users"></i> </span>
                                                <div class="info-box-content">
                                                    <center>
                                                        <span class="info-box-text">Nbr Suf. Exprimés</span>
                                                        <span class="info-box-number" style="font-size: 150%;">{{$lebureau->resultats()->sum('vote')}}</span>
                                                    </center>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="info-box card-danger card-outline shadow-lg">
                                                <span class="info-box-icon bg-danger"> <i class="fas fa-users"></i> </span>
                                                <div class="info-box-content">
                                                    <center>
                                                        <span class="info-box-text">Nbr Abstentions</span>
                                                        <span class="info-box-number" style="font-size: 150%;">{{$lebureau->abstention}}</span>
                                                    </center>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">                                                
                                            <table class="table text-center table-striped table-sm">
                                                <thead>
                                                    <tr>
                                                        <th>N°</th>
                                                        <th>Candidat</th>
                                                        <th>Inscrits</th>
                                                        <th>Votants</th>
                                                        <th>Bulletins blancs</th>
                                                        <th>Suffrages exprimés</th>
                                                        <th>Sufrages obtenus</th>
                                                        <th>Pourcentage</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($candidats as $ke => $lecandidat)
                                                        <tr>
                                                            <td>{{$ke+1}}</td>
                                                            <td>{{$lecandidat->nom_params}}</td>
                                                            <td>{{$lebureau->inscrit}}</td>
                                                            <td>{{$lebureau->votants}}</td>
                                                            <td>{{$lebureau->blancs}}</td>
                                                            <td>{{$lebureau->resultats()->sum('vote')}}</td>
                                                            <td>{{$lebureau->resultats()->where('candidat_id', $lecandidat->id)->sum('vote')}}</td>
                                                            <td>{{$lebureau->pourcentage($lecandidat->id)}}%</td>
                                                        </tr>
                                                    @endforeach 
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </section>
@endsection

@section('footer')
    
    @if(!isset($lebureau))  
    <script type="text/javascript">
        function populate_dep(s1,s2){
            var s1 = document.getElementById(s1);
            var s2 = document.getElementById(s2);
            s2.innerHTML = "";
            @php foreach($provinces as $province): @endphp
            if(s1.value == "{{ $province->id}}"){
                var optionArray = ["0| Choisir le département"
                                        @forelse ($province->departments()->orderBy('name')->get() as $departement)
                                            ,"{{$departement->id}}||{{$departement->name}}"
                                        @endforeach
                                    ];
            }
            @php endforeach; @endphp

            for(var option in optionArray){
                var pair = optionArray[option].split("||");
                var newOption = document.createElement("option");
                newOption.value = pair[0];
                newOption.innerHTML = pair[1];
                s2.options.add(newOption);
            }
        }
        function populate_dist(s1,s2){
            var s1 = document.getElementById(s1);
            var s2 = document.getElementById(s2);
            s2.innerHTML = "";
            @php foreach($departements as $departement): @endphp
            if(s1.value == "{{ $departement->id}}"){
                var optionArray = ["0| Choisir la districte"
                                        @forelse ($departement->districts()->orderBy('name')->get() as $districte)
                                            ,"{{$districte->id}}||{{$districte->name}}"
                                        @endforeach
                                    ];
            }
            @php endforeach; @endphp

            for(var option in optionArray){
                var pair = optionArray[option].split("||");
                var newOption = document.createElement("option");
                newOption.value = pair[0];
                newOption.innerHTML = pair[1];
                s2.options.add(newOption);
            }
        }
        function populate_centre(s1,s2){
            var s1 = document.getElementById(s1);
            var s2 = document.getElementById(s2);
            s2.innerHTML = "";
            @php foreach($districts as $district): @endphp
            if(s1.value == "{{ $district->id}}"){
                var optionArray = ["0| Choisir le centre"
                                        @forelse ($district->votingCenters()->orderBy('name')->get() as $centre)
                                            ,"{{$centre->id}}||{{$centre->name}}"
                                        @endforeach
                                    ];
            }
            @php endforeach; @endphp

            for(var option in optionArray){
                var pair = optionArray[option].split("||");
                var newOption = document.createElement("option");
                newOption.value = pair[0];
                newOption.innerHTML = pair[1];
                s2.options.add(newOption);
            }
        }

    </script>
    @endif
@endsection