@extends('layouts.designer')
@php
    $page_title = 'Mon profile';
    $has_banque_data = !empty($designer->banque_nom_prenom) || !empty($designer->banque_iban) || !empty($designer->banque_scan_rib);
@endphp
@section('meta-title','Espace designers')
@section('meta-keywords','')
@section('meta-description','')
@section('content')


<div class="row">
	<div class="col-md-12">
		@include('front.designer.components.check_profile',['compte'=>1])
	</div>
	
	<div class="col-md-6">
		<div class="panel">
			<form class="disabled" action="{{ route('profile.update') }}" method="post">
				{{ csrf_field() }}
				<input type="hidden" name="_method" value="put">
				<div class="row">
					<div class="col-md-12">
						<div class="font-size-16 font-weight-semibold mb-30">{!! lang('Mes informations personnelles') !!}</div>
					</div>
					<div class="col-md-12">
						<label for="">{!! lang('Civilité') !!}</label>
						<div class="row">
							<div class="col-sm-6">
								<div class="form-group">
									<label>
										<input type="radio" {{ Auth::user()->sexe == 'madame' ? 'checked':'' }} value="madame" name="sexe">
										<span class="ml-2">{!! lang('Madame') !!}</span>
									</label>
								</div>
							</div>
							<div class="col-sm-6">
								<div class="form-group">
									<label>
										<input type="radio" {{ Auth::user()->sexe == 'monsieur' ? 'checked':'' }} value="monsieur" name="sexe">
										<span class="ml-2">{!! lang('Monsieur') !!}</span>
									</label>
								</div>
							</div>
						</div>
						
					</div>
					
					<div class="col-md-6">
						<div class="form-group">
							<label for="">{!! lang('Prénom') !!} *</label>
							<input type="text" class="form-control" value="{{ Auth::user()->prenom }}" required="" placeholder="Votre prénom" name="prenom">
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
							<label for="">{!! lang('Nom') !!} *</label>
							<input type="text" class="form-control" value="{{ Auth::user()->nom }}" required="" placeholder="Votre nom" name="nom">
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
							<label for="">{!! lang('Date de naissance') !!}</label>
							<input type="date" class="form-control date-picker" value="{{ Auth::user()->date_naissance }}" placeholder="Votre date de naissance" name="date_naissance">
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
							<label for="">{!! lang('Téléphone') !!} *</label>
							<input type="tel" class="form-control" required="" value="{{ Auth::user()->telephone }}" placeholder="N°Téléphone" name="telephone">
						</div>
					</div>
					
					<div class="col-md-12">
						<div class="form-group">
							<label for="">{!! lang('Adresse Email') !!} *</label>
							<input type="email" class="form-control" required="" value="{{ Auth::user()->email }}" placeholder="Votre adresse e-mail" name="email">
						</div>
					</div>
					<div class="col-md-12">
						<div class="form-group">
							<label for="">{!! lang('Adresse') !!}</label>
							<input type="text" class="form-control"  value="{{ Auth::user()->adresse }}" placeholder="Votre adresse" name="adresse">
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="">{!! lang('Code postal') !!} *</label>
							<input type="text" class="form-control"  value="{{ Auth::user()->code_postal }}" required="" name="code_postal" placeholder="Votre code postal">
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="">{!! lang('Ville') !!} *</label>
							<input type="text" class="form-control"  value="{{ Auth::user()->ville }}" required="" placeholder="Votre ville de résidence" name="ville">
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							<label for="">{!! lang('Pays') !!} *</label>
							<select name="pays" class="form-control select ">
								<option>France</option>
							</select>
						</div>
					</div>
					
					<div class="col-md-12 text-right">
						<div class="btn btn-sm btn2 btn-formulaire show-disabled">{!! lang('Modifier') !!}</div>
						<button class="btn btn-sm btn2 btn-formulaire hide-disabled">{!! lang('Enregistrer les modifications') !!}</button>
					</div>
				</div>
			</form>
		</div>

		<div class="panel">
			<form action="{{ route('profile.update') }}" method="post">
				{{ csrf_field() }}
				<input type="hidden" name="_method" value="put">
				<div class="row">
					<div class="col-md-12">
						<div class="font-size-16 font-weight-semibold mb-30">{!! lang('Modifier mot de passe') !!}</div>
					</div>
					<div class="col-md-12">
						<div class="form-group">
							<label for="">{!! lang('Mot de passe actuel') !!}</label>
							<input type="password" class="form-control" required="" placeholder="{!! lang('Mot de passe actuel') !!}" name="password">
						</div>
					</div>
					<div class="col-md-12">
						<div class="form-group">
							<label for="">{!! lang('Nouveau mot de passe') !!}</label>
							<input type="password" class="form-control" required="" placeholder="{!! lang('Nouveau mot de passe') !!}" name="nv_password">
						</div>
					</div>
					<div class="col-md-12">
						<div class="form-group">
							<label for="">{!! lang('Confirmer nouveau mot de passe') !!}</label>
							<input type="password" class="form-control" required="" placeholder="{!! lang('Confirmer nouveau mot de passe') !!}" name="re_nv_password">
						</div>
					</div>
					<div class="col-md-12 text-right">
						<div class="btn btn-sm btn2 btn-formulaire show-disabled">{!! lang('Modifier') !!}</div>
						<button class="btn btn-sm btn2 btn-formulaire hide-disabled">{!! lang('Modifier mot de passe') !!}</button>
					</div>
				</div>
			</form>
		</div>
	</div>

	<div class="col-md-6">
		<div class="panel">
			<form class="disabled" action="{{ route('profile.update') }}" method="post" enctype="multipart/form-data">
				{{ csrf_field() }}
				<input type="hidden" name="_method" value="put">
				<div class="row">
					<div class="col-md-12">
						<div class="font-size-16 font-weight-semibold mb-30">{!! lang('Coordonnées bancaires') !!}</div>
					</div>
					<div class="col-md-12">
						<div class="form-group">
							<label for="">{!! lang('Nom et prénom') !!} *</label>
							<input type="text" class="form-control" required="" placeholder="Nom et prénom" value="{{ $designer->nom .' '.$designer->prenom }}" name="banque_nom_prenom">
						</div>
					</div>

					<div class="col-md-12">
						<div class="form-group">
							<label for="">{!! lang('IBAN') !!} *</label>
							<input type="text" class="form-control" required="" placeholder="Iban" name="banque_iban" value="{{ $designer->banque_iban }}">
						</div>
					</div>
					<div class="col-md-12">
						<div class="form-group">
							<label class="d-block">{!! lang('Scan RIB') !!} *</label>
							

							<div {{ $designer->banque_scan_rib?'class="hidden"':'' }}>
								<input type="file" {{ $designer->banque_scan_rib?'':'required=""' }} name="banque_scan_rib" id="banque_scan_rib" class="inputfile" />
								<label for="banque_scan_rib" {{ $designer->banque_scan_rib ? 'class=file-apercu':'' }} >
									<i class="fa fa-upload"></i> 
									@if($designer->banque_scan_rib)
										<span>{{ $designer->banque_scan_rib }}</span>
										<a class="action bg-secondary text-white" href="{{asset('uploads/'.$designer->banque_scan_rib)}}" target="_blank">
											<i class="fa fa-download"></i>
										</a>
									@else
										<span>{!! lang('Choisir un fichier') !!}&hellip;</span>
									@endif
								</label>
							</div>
						</div>
					</div>
 
					
					<div class="col-md-12 text-right">
						@if(!$has_banque_data)
							<div class="btn btn-sm btn2 btn-formulaire show-disabled">{!! lang('Modifier') !!}</div>
							<button class="btn btn-sm btn2 btn-formulaire hide-disabled">{!! lang('Enregistrer') !!}</button>
						@else
							<p class="mb-0 text-muted text-center">{!! lang('Les données bancaires sont obligatoires') !!}</p>
						@endif
					</div>
				</div>
			</form>
		</div>


		<div class="panel">
			<form  action="{{ route('profile.update') }}" method="post" enctype="multipart/form-data">
				{{ csrf_field() }}
				<input type="hidden" name="_method" value="put">
				<div class="row">
					<div class="col-md-12">
						<div class="font-size-16 font-weight-semibold mb-30">{!! lang('Documents justificatifs') !!}</div>
					</div>
					 

					<div class="col-md-12">
						<div class="form-group">
							<label class="d-block">{!! lang("Scan pièce d'identité (Passeport, carte d'identité ou titre de séjour)") !!} *</label>
							
							<div>
								<input type="file" {{ $designer->scan_passport?'':'required=""' }} name="scan_passport" id="scan_passport" class="inputfile"/>
								<label for="scan_passport" {{ $designer->scan_passport ? 'class=file-apercu':'' }} >
									<i class="fa fa-upload"></i> 
									
									@if($designer->scan_passport)
										<span>{{$designer->scan_passport}}</span>
										<a class="action bg-secondary text-white" href="{{asset('uploads/'.$designer->scan_passport)}}" target="_blank">
											<i class="fa fa-download"></i>
										</a>
									@else
										<span>{!! lang('Choisir un fichier') !!}&hellip;</span>
									@endif

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

					<div class="col-md-12">
						<div class="form-group">
							<label class="d-block">{!! lang('Scan diplômes') !!} *</label>
							 
							<div {{ $designer->scan_diplomes?'class="hidden"':'' }}>
								<input type="file" {{ $designer->scan_diplomes?'':'required=""' }} name="scan_diplomes" id="scan_diplomes" class="inputfile" />
								<label for="scan_diplomes" {{ $designer->scan_diplomes ? 'class=file-apercu':'' }}>
									<i class="fa fa-upload"></i> 
									@if($designer->scan_diplomes)
										<span>{{$designer->scan_diplomes}}</span>
										<a class="action bg-secondary text-white" href="{{asset('uploads/'.$designer->scan_diplomes)}}" target="_blank">
											<i class="fa fa-download"></i>
										</a>
									@else
										<span>{!! lang('Choisir un fichier') !!}&hellip;</span>
									@endif
								</label>
							</div>
						</div>
					</div>


					<div class="col-md-12">
						<div class="form-group">
							<label class="d-block">{!! lang('Scan justificatif professionnel (Kbis, attestation URSSAF, ...)') !!} *</label>
							 
							<div {{ $designer->scan_justificatif_professionnel?'class="hidden"':'' }}>
								<input type="file" {{ $designer->scan_justificatif_professionnel?'':'required=""' }} name="scan_justificatif_professionnel" id="scan_justificatif_professionnel" class="inputfile" />
								<label for="scan_justificatif_professionnel" {{ $designer->scan_justificatif_professionnel ? 'class=file-apercu':'' }}>
									<i class="fa fa-upload"></i> 
									@if($designer->scan_justificatif_professionnel)
										<span>{{$designer->scan_justificatif_professionnel}}</span>
										<a class="action bg-secondary text-white" href="{{asset('uploads/'.$designer->scan_justificatif_professionnel)}}" target="_blank">
											<i class="fa fa-download"></i>
										</a>
									@else
										<span>{!! lang('Choisir un fichier') !!}&hellip;</span>
									@endif
								</label>
							</div>
						</div>
					</div>
					
					<div class="col-md-12 text-right">
						<button class="btn btn-sm btn2 btn-formulaire hide-disabled">{!! lang('Enregistrer') !!}</button>
					</div>
				</div>
			</form>
		</div>
	</div>
 

</div>
@endsection