@extends('layouts.master', ['hide_sidebar' => 'ok'])
@section('title', 'title')
@section('titlePageHeading', '')
@section('content')
    <style>
        ._top-bar {
            display: none !important;
        }

        ._content {
            padding: 10px 10px 10px 10px;
        }

        #wrapper #content-wrapper {
            background-color: #ffffff;
        }
    </style>
    <link rel='stylesheet' href='/assets/hamza/styles.css?v=34'>
    <div class="partigau">
        <div class="part2">
            <div class="infocl" style="width: 10%;">
                <div class="codecl">Code client</div>
                <div class="codecl1">&nbsp;{{ $client->code??'----' }}</div>
            </div>

            <div class="infocl"  style="width: 40%;">
                <div class="codecl">Client</div>
                <div class="codecl1">{{ $client->denomination }}</div>
            </div>
            <div class="infocl" style="width: 10%;">
                <div class="codecl">Canal</div>
                <div class="codecl1"> {{ $canal->libelle }}</div>
            </div>
            <div class="infocl" style="width: 15%;">
                <div class="codecl">Ville</div>
                <div class="codecl1">{{ $client->livraisonZone ? $client->livraisonZone->libelle : '------' }}</div>
            </div>

            <div class="infocl" style="width: 13%;">
                <div class="codecl">Situation</div>
                <div class="codecl1" style="color: red;">{{ number_format($client->situation(), 2, ',', ' ') }} Dh</div>
            </div>

            <div class="infocl" style="width: 10%;">
                <div class="codecl">Statut</div>
                <div class="codecl1">{{ $client->statuts_id == 3 ? 'Bloqué' : 'Active' }}</div>
            </div>
            <div class="clr"></div>
        </div>

        <div class="clr"></div>

        <div class="paddingg">
            <div class="Televe">Qualification </div>
            <div class="clr"></div>
            <div class="lignou5"></div>
            <div class="clr"></div>

            <div class="avatar-upload">
                <div class="avatar-edit">
                    <input type='file' id="imageUpload" accept=".png, .jpg, .jpeg" />
                    <label for="imageUpload"></label>
                </div>
                <div class="avatar-preview">
                    <div id="imagePreview" style="background-image: url(/assets/hamza/marjane.jpg);">
                    </div>
                </div>
            </div>

            <div class="clr"></div>

            <div class="input001">
                <div class="textinput">PDV</div>
                <input type="text" id="name" class="inputti" name="name" value="{{ $client->denomination }}" />
                <img src="/assets/hamza/cc1.png" class="cc1">

            </div>

            <div class="input002">
                <div class="textinput">Organisme</div>
                <input type="text" id="name" class="inputti" name="name" value="{{ $client->denomination }}" />
                <img src="/assets/hamza/cc2.png" class="cc1" style="    margin: 3px 0px 0px 12px;">

            </div>
            <div class="clr"></div>
            
            <div class="input003">
                <div class="textinput">Type</div>
                <input type="text" id="name" class="inputti" name="name" value="{{ $canal->libelle }}" />
                <img src="/assets/hamza/cc3.png" class="cc1">

            </div>

            <div class="input003">
                <div class="textinput">Contact</div>
                <input type="text" id="name" class="inputti" name="name" value="{{ $client->contact }}" />
                <img src="/assets/hamza/cc4.png" class="cc1">

            </div>

            <div class="input004">
                <div class="textinput">Tél</div>
                <input type="text" id="name" class="inputti" name="name" value="{{ $client->tel }}" />
                <img src="/assets/hamza/cc5.png" class="cc1">

            </div>
            <div class="clr"></div>
            <div class="input00">
                <div class="textinput">Adresse</div>
                <input type="text" id="name" class="inputti" name="name" value="{{ $client->adresse }}" /> <img src="/assets/hamza/cc8.png" class="cc1">
            </div>
            <div class="clr"></div>
            <div class="clr"></div>

            <div class="input001">
                <div class="textinput">Ville</div>
                <input type="text" id="name" class="inputti" name="name" value="{{ $client->ville }}" />
                <img src="/assets/hamza/cc6.png" class="cc1">

            </div>

            <div class="input002">
                <div class="textinput">Quartier</div>
                <input type="text" id="name" class="inputti" name="name" value="{{ $client->quartier }}" />
                <img src="/assets/hamza/cc7.png" class="cc1">

            </div>
            <div class="clr"></div>
            <div class="modifier">Modifier</div>
        </div>

    </div>

    
    <div class="partidro">
        <div class="partfilos">
            <div class="clr"></div>
            
            <div class="clr"></div>
            
            <img src="/assets/hamza/dgh.jpg" style="    width: 100%;">

            <div class="qrcodee">
                <img src="/assets/hamza/qrcode_8.png" class="qrcodee2">
                <div class="codeqr">DL1452145</div>
                <div class="downl"><img src="/assets/hamza/pdf.png" class="down2">PDF</div>
                <div class="imprm"><img src="/assets/hamza/down.png" class="down">Imprimer</div>
                <div class="clr"></div>
            </div>

            <div class="clr"></div>
            <div class="clr"></div>
            

            <div class="clr"></div>

            <div class="clr"></div>
        </div>
    </div>
    
@endsection