@extends('layouts.app')

@section('css')
    <!-- DataTables -->
  <link rel="stylesheet" href="{{ asset('assets/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
  <link rel="stylesheet" href="{{ asset('assets/plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
  <link rel="stylesheet" href="{{ asset('assets/plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">
    <!-- SweetAlert2 -->
  <link rel="stylesheet" href="{{ asset('assets/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css')}}">
  
  <!-- Toastr -->
  <link rel="stylesheet" href="{{ asset('assets/plugins/toastr/toastr.min.css')}}">  
  <style>
      #dragg_and_drop input[type=text]
        {
            /*margin-top:8px;*/
            font-size:18px;
            color:#545454;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            -border-radius: 2px;
            display:none;
            /*width:280px;*/
            
        }
  </style>
@endsection

@section('js')

<!-- SweetAlert2 -->
<script src="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.js')}}"></script>
<!-- Toastr -->
<script src="{{ asset('assets/plugins/toastr/toastr.min.js')}}"></script>
<script src="{{ asset('assets\js\easy-editable-text.js')}}"></script>
<!-- bs-custom-file-input -->
<script src="{{ asset('assets/plugins/bs-custom-file-input/bs-custom-file-input.min.js')}}"></script>


@if(Session::has('successResponse'))
    <script>
        var Toast = Swal.mixin({
            toast: true,
            position: 'top-end',
            showConfirmButton: false,
            timer: 3000
        });
        Toast.fire({
            icon: 'success',
            title: " {{Session::get('successResponse')}}"
        });
    </script>
@endif  
@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>@lang('layout.Paramètres de facturation')</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{ url('/') }}">@lang('layout.tableau de bord')</a></li>
              <li class="breadcrumb-item active">@lang('layout.Paramètres de facturation')</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>
    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-3">

            <!-- Informations sur la société Box -->
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">@lang('facture.Informations sur la société')</h3>
              </div>
              <!-- /.card-header -->
              <div class="card-body">
                <strong><i class="fas fa-book mr-1"></i> @lang('facture.Nom de l\'entreprise/client')</strong>

                <p class="text-muted">
                  {{ $parametre->company_information['Name']??'' }}
                </p>

                <hr>

                <strong><i class="fas fa-globe-africa mr-1"></i> @lang('facture.Pays')</strong>

                <p class="text-muted">{{ $parametre->company_information['Country']??'' }}</p>

                <hr>

                <strong><i class="fas fa-at mr-1"></i> @lang('facture.E-mail')</strong>

                <p class="text-muted">{{ $parametre->company_information['Email']??'' }}</p>

                <hr>

                <strong><i class="fas fa-map-marker-alt mr-1"></i> @lang('facture.Adresse 1')</strong>

                <p class="text-muted">{{ $parametre->company_information['Address 1']??'' }}</p>

                <hr>

                <strong><i class="fas fa-map-marker-alt mr-1"></i> @lang('facture.Adresse 2')</strong>

                <p class="text-muted">{{ $parametre->company_information['Address 2']??'' }}</p>

                <hr>

                <strong><i class="fas fa-phone mr-1"></i> @lang('facture.Téléphone')</strong>

                <p class="text-muted">{{ $parametre->company_information['Téléphone']??'' }}</p>

                <hr>

                <strong><i class="far fa-file-alt mr-1"></i> @lang('facture.Remarques')</strong>

                <p class="text-muted">{{ $parametre->company_information['Remarques']??'' }}</p>

              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
          <div class="col-md-9">
            <div class="card">
              <div class="card-header p-2">
                <ul class="nav nav-pills">
                  <li class="nav-item"><a class="nav-link active" href="#activity" data-toggle="tab">@lang('facture.Aperçu')</a></li>
                  <li class="nav-item"><a class="nav-link" href="#settings" data-toggle="tab">@lang('facture.Paramètres')</a></li>
                </ul>
              </div><!-- /.card-header -->
              <div class="card-body">
                <div class="tab-content">
                  <div class="active tab-pane" id="activity">
                  <section class="content">
                    <div class="container-fluid">
                        <div class="row">
                        <div class="col-12">
                            <div class="callout callout-info">
                            <h5><i class="fas fa-info"></i> Noter:</h5>
                                @lang('facture.Cette page a été améliorée pour l\'impression. Cliquez sur le bouton d\'impression en bas de la facture pour tester.')
                            </div>


                            <!-- Main content -->
                            <div class="invoice p-3 mb-3">
                            <!-- title row -->
                            <div class="row">
                                <div class="col-12">
                                <h4>
                                    <div class="text-left" style="display:inline-block;">
                                        <!-- profile-user-img img-fluid img-circle -->
                                        <img class="" src="{{ asset($parametre->logo ?? 'assets/dist/img/AdminLTELogo.png') }}" alt="User profile picture" style="width: 130px;height: 130px;">
                                    </div>
                                    <div class="text-center" style="display:inline-block;float: right;background-color: rgb(247, 161, 29);">
                                        <h5>@lang('facture.Facture')</h5>
                                        <h5>N°:FA00001</h5>
                                        <h5 style="background-color: white;margin: 0;border: 1px solid;">Date: {{date('Y-m-d')}}</h5>
                                    </div>
                                </h4>
                                </div>
                                <!-- /.col -->
                            </div>
                            <!-- info row -->
                            <div class="row invoice-info">
                                <div class="col-sm-6 invoice-col">
                                @lang('facture.De')
                                <address>
                                    <strong>{{ $parametre->company_information['Name']??Auth::user()->name }}</strong><br>
                                    {{ $parametre->company_information['Address 1']??__('facture.Addresse 1') }}
                                    {{ $parametre->company_information['Ville']??__('facture.Ville') }},
                                    {{ $parametre->company_information['Country']??__('facture.Pays') }}
                                    <br>
                                    {{ $parametre->company_information['Address 2']??__('facture.Addresse 2') }}
                                    {{ $parametre->company_information['Ville']??__('facture.Ville') }},
                                    {{ $parametre->company_information['Country']??__('facture.Pays') }}<br>
                                    {{ $parametre->company_information['Code Postale']??__('facture.Code Postale') }}<br>
                                    Téléphone: {{ $parametre->company_information['Téléphone']??'(000) 000-0000' }}<br>
                                    E-mail: {{ $parametre->company_information['Email']??Auth::user()->email }}
                                </address>
                                </div>
                                <!-- /.col -->
                                <div class="col-sm-6 invoice-col">
                                À
                                <address>
                                    <strong>Nom du client</strong><br>
                                    @lang('facture.Adresse 1') @lang('facture.du client')<br>
                                    @lang('facture.Adresse 2') @lang('facture.du client')<br>
                                    @lang('facture.Code Postale')<br>
                                    @lang('facture.Téléphone') : (000) 000-0000<br>
                                    @lang('facture.E-mail'): client@example.com
                                </address>
                                </div>
                                <!-- /.col -->
                            </div>
                            <!-- /.row -->

                            <!-- Table row -->
                            <div class="row">
                                <div class="col-12 table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>@lang('facture.Qty')</th>
                                            <th>@lang('facture.Product')</th>
                                            <th>@lang('facture.Prix Unitaire')</th>
                                            <th>@lang('facture.Total')</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>Produit 1</td>
                                            <td>€100</td>
                                            <td>€100</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>Produit 2</td>
                                            <td>€50</td>
                                            <td>€50</td>
                                        </tr>
                                    </tbody>
                                </table>
                                </div>
                                <!-- /.col -->
                            </div>
                            <!-- /.row -->

                            <div class="row">
                                <!-- accepted payments column -->
                                <div class="col-6">
                                
                                </div>
                                <!-- /.col -->
                                <div class="col-6">
                                <p class="lead">@lang('facture.Montant dû') {{ date('Y/m/d') }}</p>

                                <div class="table-responsive">
                                    <table class="table">
                                    <tbody><tr>
                                        <th style="width:50%">@lang('facture.Total HT'):</th>
                                        <td>€150</td>
                                    </tr>
                                    <tr>
                                        <th>@lang('facture.TVA') (9%)</th>
                                        <td>€13.34</td>
                                    </tr>
                                    <tr>
                                        <th>@lang('facture.Total TTC'):</th>
                                        <td>€163.34</td>
                                    </tr>
                                    </tbody></table>
                                </div>
                                </div>
                                <!-- /.col -->
                            </div>
                            <!-- /.row -->

                            <!-- this row will not appear when printing -->
                            <div class="row no-print">
                                <div class="col-12">
                                <a href="{{ url('apercu') }}" class="btn btn-primary float-right" style="margin-right: 5px;">
                                    <i class="fas fa-download"></i> @lang('facture.Generate PDF')
                                </a>
                                </div>
                            </div>
                            </div>
                            <!-- /.invoice -->
                        </div><!-- /.col -->
                        </div><!-- /.row -->
                    </div><!-- /.container-fluid -->
                    </section>
                  </div>
                  <!-- /.tab-pane -->

                  <div class="tab-pane" id="settings">
                    <form method="POST" class="form-horizontal" action="{{ url('save_parametre_facture') }}" enctype='multipart/form-data'>
                      @csrf
                      <div class="form-group row">
                        <label for="inputName" class="col-sm-2 col-form-label">@lang('facture.Nom de l\'entreprise/client')</label>
                        <div class="col-sm-10">
                          <input type="text" value="{{ $parametre->company_information['Name']??'' }}" name="company_information[Name]" class="form-control" id="inputName" placeholder="@lang('facture.Nom de l\'entreprise/client')">
                        </div>
                      </div>
                      <div class="form-group row">
                        <label for="inputCountry" class="col-sm-2 col-form-label">@lang('facture.Pays')</label>
                        <div class="col-sm-10">
                          <input value="{{ $parametre->company_information['Country']??'' }}" name="company_information[Country]" type="text" class="form-control" id="inputCountry" placeholder="@lang('facture.Pays')">
                        </div>
                      </div>
                      <div class="form-group row">
                        <label for="inputEmail" class="col-sm-2 col-form-label">@lang('facture.E-mail')</label>
                        <div class="col-sm-10">
                          <input value="{{ $parametre->company_information['Email']??'' }}" name="company_information[Email]" type="email" class="form-control" id="inputEmail" placeholder="@lang('facture.E-mail')">
                        </div>
                      </div>
                      <div class="form-group row">
                        <label for="inputAddress1" class="col-sm-2 col-form-label">@lang('facture.Addresse 1')</label>
                        <div class="col-sm-10">
                          <input value="{{ $parametre->company_information['Address 1']??'' }}" name="company_information[Address 1]" type="text" class="form-control" id="inputAddress1" placeholder="@lang('facture.Addresse 1')">
                        </div>
                      </div>
                      <div class="form-group row">
                        <label for="inputAddress2" class="col-sm-2 col-form-label">@lang('facture.Addresse 2')</label>
                        <div class="col-sm-10">
                          <input value="{{ $parametre->company_information['Address 2']??'' }}" name="company_information[Address 2]" type="text" class="form-control" id="inputAddress2" placeholder="@lang('facture.Addresse 2')">
                        </div>
                      </div>
                      <div class="form-group row">
                        <label for="inputCodePostale" class="col-sm-2 col-form-label">@lang('facture.Code Postale')</label>
                        <div class="col-sm-10">
                          <input value="{{ $parametre->company_information['Code Postale']??'' }}" name="company_information[Code Postale]" type="text" class="form-control" id="inputCodePostale" placeholder="@lang('facture.Code Postale')">
                        </div>
                      </div>
                      <div class="form-group row">
                        <label for="inputVille" class="col-sm-2 col-form-label">@lang('facture.Ville')</label>
                        <div class="col-sm-10">
                          <input value="{{ $parametre->company_information['Ville']??'' }}" name="company_information[Ville]" type="text" class="form-control" id="inputVille" placeholder="@lang('facture.Ville')">
                        </div>
                      </div>
                      <div class="form-group row">
                        <label for="inputTéléphone" class="col-sm-2 col-form-label">@lang('facture.Téléphone')</label>
                        <div class="col-sm-10">
                          <input value="{{ $parametre->company_information['Téléphone']??'' }}" name="company_information[Téléphone]" type="number" class="form-control" id="inputTéléphone" placeholder="@lang('facture.Téléphone')">
                        </div>
                      </div>
                      <div class="form-group row">
                        <label for="inputRemarques" class="col-sm-2 col-form-label">@lang('facture.Remarques')</label>
                        <div class="col-sm-10">
                          <textarea name="company_information[Remarques]" class="form-control" id="inputRemarques" placeholder="@lang('facture.Remarques')">{{ $parametre->company_information['Remarques']??'' }}</textarea>
                        </div>
                      </div>
                      <div class="form-group row">
                        <label for="inputLogo" class="col-sm-2 col-form-label">@lang('facture.Logo')</label>
                        <div class="col-sm-10">
                        <div class="custom-file">
                            <input type="file" name="logo" class="custom-file-input" id="customFile">
                            <label class="custom-file-label" for="customFile">@lang('stock.Choose file')</label>
                        </div>
                        </div>
                      </div>
                      
                      <div class="form-group row">
                        <div class="offset-sm-2 col-sm-10">
                          <button type="submit" class="btn btn-primary">@lang('facture.Sauvegarder')</button>
                        </div>
                      </div>
                    </form>
                  </div>
                  <!-- /.tab-pane -->
                </div>
                <!-- /.tab-content -->
              </div><!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
@endsection