@extends('layouts.master')
@section('content')
<h3>Details</h3>
@if(Session::has('message'))       
<p class="alert alert-success" align="center"> {{Session::get('message')}}</p>
@endif
@if(Session::has('message_error'))       
<p class="alert alert-danger" align="center"> {{Session::get('message_error')}}</p>
@endif
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="body">
                <h5><strong>Reference: </strong> <mark>{{$current_reparation->reference_rp}}</mark></h5>
                <div class="row">                                
                    <div class="col-md-6 col-sm-6">
                        <address>
                            <strong>Fait par (Charroi) : {{$current_reparation->name}}</strong><br>
                            <abbr title="Phone">Email : </abbr> {{$current_reparation->email}}
                        </address>
                    </div>
                    <div class="col-md-6 col-sm-6 text-right">
                        <p class="mb-0"><strong>Date : </strong> {{$current_reparation->date_repara}}</p>
                    </div>
                </div>
            </div> 
            <hr>
            <div class="">
            <!-- <a href="/reparation_details_form_add/{{$current_reparation->id_repara}}" class="btn btn-primary"> Ajouter des services</a> -->
            <a href="#"> <button class="btn btn-primary"  data-toggle="modal" data-target="#ModalAjoutService">Ajouter un service </button></a>
        </div>
            <a href="#"> </a>
            <form method="POST" action="" target="_blank">
                @csrf
            <div class="body">
            <div class="table-responsive">
            <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
            <thead style="background-color: #5bc0de">
            <tr>
              <th>No</th>
              <th>Service</th>
              <th>Quantite</th>
              <th>Prix Unitaire</th>
              <th>Prix total</th>
              <th>Fournisseur</th>
              <th>Date</th>
              <th>Status</th>
              <th>Action</th>
            </tr>   
            </thead>    
            @foreach($details as $key=>$det)
        <tr>
            <td>{{++$key}}</td>
            <td><a href="">{{ $det -> name_service }}</a></td>
            <td>{{$det->qte}}</td>
            <td>{{$det->pu}}</td>
            <td>{{$det->pt}}</td>
            <td>{{$det->name}}</td>
            <td>{{$det->created_at}}</td>
            <td>
                    @if($det->status_det==0)
                    <span class="badge badge-danger">En cours</span>
                    @else
                    <span class="badge badge-success">Terminé</span>
                    @endif
            </td>
            <td>
                @if($det->status_det==0)
                <a class="btn btn-primary" href="/mark_done_order_detail/{{$det->id_repara_det}}" onclick="return confirm('Voulez-vous valider que ce service a été fait ?')">Valider</a>
                    <a class="btn btn-primary" data-toggle="modal" data-target="#ModalEdit{{$det->id_repara_det}}">Edit</a>
                    <a class="btn btn-danger" href="/delete_order_detail/{{$det->id_repara_det}}" onclick="return confirm('Want to delete this service detail ?')">Delete</a>
                @endif
                    
            </td>
        </tr> 

 </form>
        <div class="modal fade" id="ModalEdit{{$det->id_repara_det}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Edit</h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_order_details/{{$det->id_repara_det}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Service</label>
                            <select name="id_ss" class="form-control show-tick ms select2" data-placeholder="Selectionner service" required>
                                <option value="{{$det->id_service}}">{{ $det -> name_service }}</option>
                                @foreach($services as $serv)
                                <option value="{{$serv->id_service}}">{{ $serv -> name_service }}}</option>
                            @endforeach
                        </select>
                        </div>
                        <div class="form-group form-float">
                        <label>Fournisseur</label>
                            <select name="fournisseur_id" class="form-control show-tick ms select2" data-placeholder="Selectionner le fournisseur" required>
                                <option value="{{$det->id_fourni}}">{{ $det -> name }}</option>
                                @foreach($fournisseurs as $ff)
                                <option value="{{$ff->id_fourni}}">{{ $ff -> name }}</option>
                            @endforeach
                        </select>
                        </div>
                        
                        <div class="form-group form-float">
                            <label>Quantite</label>
                            <input type="number" min="0" name="qte" value="{{$det->qte}}" class="form-control" placeholder="Taper la Quantite">
                        </div>
                        <div class="form-group form-float">
                            <label>Prix Unitaire</label>
                            <input type="number" min="0" name="amount_serv" value="{{$det->pu}}" class="form-control" placeholder="Taper le prix unitaire ici...">
                        </div>
                        
             </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-success waves-effect">Save</button>
            </div>
        </form>
        </div>
    </div>
</div>
        @endforeach
    </table>
   <a href="/reparations_vehicules" class="btn btn-secondary">Retour</a> 
 </div>
 </div>

 
 </div>
 </div>
</div>


<div class="modal fade" id="ModalAjoutService" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Ajouter un service</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_reparation_details/{{$current_reparation->id_repara}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                         <label>Selectionner un service</label>
                            <select name="service_id" class="form-control show-tick ms select2" data-placeholder="Selectionner service" required><option value="">Selectionner service</option>
                            @foreach($services as $ss)
                                <option value="{{$ss->id_service}}">{{ $ss -> name_service }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group form-float">
                         <label>Selectionner le fournisseur</label>
                            <select name="fournisseur_id" class="form-control show-tick ms select2" data-placeholder="Selectionner le fournisseur" required>
                                <option value="">Selectionner le fournisseur</option>
                                @foreach($fournisseurs as $ff)
                                <option value="{{$ff->id_fourni}}">{{ $ff -> name }}</option>
                                @endforeach
                            </select>
                    </div>
                    <div class="form-group form-float">                        
                        <label>Quantité</label>
                        <input type="number" min="0" name="qte" class="form-control" placeholder="Taper la quantite ici...">
                    </div>
                    <div class="form-group form-float">                        
                        <label>PU</label>
                        <input type="number" min="0" name="pu" class="form-control" placeholder="Taper le prix unitaire ici...">
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default btn-round waves-effect">Enregistrer</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
            </div>
        </form>
        </div>
    </div>
</div>
@endsection

@section('page-script')

@stop