API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 21st, 2018
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 66.75 KB | None | 0 0
raw download clone embed print report
  1. @extends('layouts.layout1')
  2.  
  3. @section('title')
  4. Inscription en Licence
  5. @endsection
  6.  
  7. @section('css')
  8.  
  9.  
  10. <link href="{{ asset('css/custom.css') }}" rel="stylesheet">
  11. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  12.  
  13. <!-- select2 -->
  14. <link href="{{ asset('css/select/select2.min.css') }}" rel="stylesheet">
  15.  
  16. <!-- switchery -->
  17. <link rel="stylesheet" href="{{ asset('css/switchery/switchery.min.css') }}"/>
  18.  
  19. <style>
  20. html {
  21. height: 100%;
  22. }
  23.  
  24. body {
  25. min-height: 100%;
  26. margin: 0;
  27. padding: 0;
  28. }
  29.  
  30. .screen {
  31. min-height: 100vh;
  32.  
  33. }
  34.  
  35. </style>
  36.  
  37. @endsection
  38.  
  39. @section('content')
  40.  
  41.  
  42. <div class="row" style="width: 95%; margin: auto;">
  43.  
  44. <div class="col-md-12 col-sm-12 col-xs-12 ">
  45. <div class="x_panel">
  46. <div class="x_title">
  47. <h2>Procédure d'inscription en Licence
  48. <small>{{ \App\Param::findOrFail(1)->value }}</small>
  49. </h2> {{-- // TODO : make the year automatically changing --}}
  50.  
  51. <div class="clearfix "></div>
  52. </div>
  53. <div class="x_content">
  54.  
  55.  
  56. <!-- Smart Wizard -->
  57. <div class="alert alert-info">
  58. <ul>
  59. <li style="font-size: 16px;">Tous les champs marqués d'un astérisque (*) doivent être
  60. complétés sinon
  61. vous ne pourrez pas valider votre candidature.
  62. </li>
  63. <li style="font-size: 16px;">Toute erreur ou omission ou fausse déclaration annulera
  64. automatiquement
  65. votre candidature. Merci de vérifier tous les champs avant de valider votre candidature.
  66. </li>
  67. <li style="font-size: 16px;">Veuillez remplir attentivement et soigneusement
  68. votre formulaire. Vous avez une seule chance et vous ne pourrez pas modifier vos
  69. informations
  70. ultérieurement.
  71. </li>
  72. </ul>
  73. </div>
  74.  
  75. <div id="wizard" class="form_wizard wizard_horizontal ">
  76. <ul class="wizard_steps">
  77. <li>
  78. <a href="#step-0">
  79. <span class="step_no">0</span>
  80. <span class="step_descr">
  81. Étape 0<br/>
  82. <small>les piece</small>
  83. </span>
  84. </a>
  85. </li>
  86. <li>
  87. <a href="#step-1">
  88. <span class="step_no">1</span>
  89. <span class="step_descr">
  90. Étape 1<br/>
  91. <small>Informations personnelles</small>
  92. </span>
  93. </a>
  94. </li>
  95. <li>
  96. <a href="#step-2">
  97. <span class="step_no">2</span>
  98. <span class="step_descr">
  99. Étape 2<br/>
  100. <small>Informations du diplôme</small>
  101. </span>
  102. </a>
  103. </li>
  104. <li>
  105. <a href="#step-3">
  106. <span class="step_no">3</span>
  107. <span class="step_descr">
  108. Étape 3<br/>
  109. <small>Modules</small>
  110. </span>
  111. </a>
  112. </li>
  113. <li>
  114. <a href="#step-4">
  115. <span class="step_no">4</span>
  116. <span class="step_descr">
  117. Étape 4<br/>
  118. <small>Stages et expériences</small>
  119. </span>
  120. </a>
  121. </li>
  122. </ul>
  123. <form id="validation" action="{{ route('createLicence') }}" method="post"
  124. class="form-horizontal form-label-left ">
  125. <div id="step-0">
  126.  
  127. <fieldset>
  128. <legend class="form-text text-primary" >Pièces jointes : </legend>
  129. <div class ="modal-body row">
  130. <div class ="col-md-6">
  131.  
  132. <div class ="form-group">
  133. <label for ="exampleInputFile">Zip :</label>
  134. <input type ="file" name="InputFile" class="form-control-file" id="InputFile" aria-describedby="fileHelp" class="required">
  135. <small id="fileHelp" class="form-text text-primary"> fichier zip, taille max : 3 mb .</small>
  136.  
  137.  
  138. </div>
  139. </div>
  140. </div>
  141.  
  142. <div class="alert alert-dismissible alert-warning">
  143. <button type="button" class="close" data-dismiss="alert">&times;</button>
  144. <h4 class="alert-heading">Attention !</h4>
  145. <p class="mb-0">Veuillez compressé les pieces jointes dans un fichier en format "Zip" . </p>
  146. </div>
  147. </fieldset>
  148.  
  149.  
  150. <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
  151.  
  152. </div>
  153.  
  154. <div id="step-1">
  155.  
  156. <fieldset>
  157. <legend>Création du compte</legend>
  158. <div class="item form-group">
  159. <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Email <span
  160. class="required">*</span>
  161. </label>
  162.  
  163. <div class="col-md-6 col-sm-6 col-xs-12">
  164. <input type="email" id="email" name="email" required="required"
  165. class="form-control col-md-7 col-xs-12">
  166. </div>
  167. </div>
  168. <div class="item form-group">
  169. <label for="password" class="control-label col-md-3">Mot de passe <span
  170. class="required">*</span></label>
  171.  
  172. <div class="col-md-6 col-sm-6 col-xs-12">
  173. <input id="password" type="password" name="password"
  174. class="form-control col-md-7 col-xs-12" required="required">
  175. </div>
  176. </div>
  177. <div class="item form-group">
  178. <label for="password_confirmation"
  179. class="control-label col-md-3 col-sm-3 col-xs-12">Répéter
  180. le mot de passe <span
  181. class="required">*</span></label>
  182.  
  183. <div class="col-md-6 col-sm-6 col-xs-12">
  184. <input id="password_confirmation" type="password"
  185. name="password_confirmation"
  186. data-validate-linked="password"
  187. class="form-control col-md-7 col-xs-12" required="required">
  188. </div>
  189. </div>
  190. </fieldset>
  191.  
  192. <br/>
  193.  
  194. <fieldset>
  195. <legend>Informations personnelles</legend>
  196. <div class="item form-group">
  197. <label class="control-label col-md-3 col-sm-3 col-xs-12" for="cne">CNE <span
  198. class="required">*</span>
  199. </label>
  200.  
  201. <div class="col-md-6 col-sm-6 col-xs-12">
  202. <input type="text" id="cne" name="cne" required="required"
  203. class="form-control col-md-7 col-xs-12">
  204. </div>
  205. </div>
  206. <div class="item form-group">
  207. <label class="control-label col-md-3 col-sm-3 col-xs-12" for="cin">CIN <span
  208. class="required">*</span>
  209. </label>
  210.  
  211. <div class="col-md-6 col-sm-6 col-xs-12">
  212. <input type="text" id="cin" name="cin" required="required"
  213. class="form-control col-md-7 col-xs-12">
  214. </div>
  215. </div>
  216. <div class="item form-group">
  217. <label class="control-label col-md-3 col-sm-3 col-xs-12"
  218. for="lastName">Nom <span
  219. class="required">*</span>
  220. </label>
  221.  
  222. <div class="col-md-3 col-sm-3 col-xs-12">
  223. <input type="text" id="lastName" name="lastName" required="required"
  224. class="form-control col-md-7 col-xs-12">
  225. </div>
  226.  
  227.  
  228. <label class="control-label col-md-1 col-sm-1 col-xs-12 " for="lastName2">اسم
  229. العائلة <span
  230. class="required">*</span>
  231. </label>
  232.  
  233. <div class="col-md-2 col-sm-2 col-xs-12">
  234. <input type="text" id="lastName2" name="lastName2" required="required"
  235. class="form-control col-md-7 col-xs-12">
  236. </div>
  237.  
  238. </div>
  239.  
  240. <div class="item form-group">
  241. <label class="control-label col-md-3 col-sm-3 col-xs-12" for="firstName">Prénom <span
  242. class="required">*</span>
  243. </label>
  244.  
  245. <div class="col-md-3 col-sm-3 col-xs-12">
  246. <input type="text" id="firstName" name="firstName" required="required"
  247. class="form-control col-md-7 col-xs-12">
  248. </div>
  249.  
  250.  
  251. <label class="control-label col-md-1 col-sm-1 col-xs-12 " for="firstName2">اسم
  252. الخاص <span
  253. class="required">*</span>
  254. </label>
  255.  
  256. <div class="col-md-2 col-sm-2 col-xs-12">
  257. <input type="text" id="firstName2" name="firstName2" required="required"
  258. class="form-control col-md-7 col-xs-12">
  259. </div>
  260.  
  261. </div>
  262.  
  263. <div class="item form-group">
  264.  
  265. <label class="control-label col-md-3 col-sm-3 col-xs-12 " for="address">Adresse <span
  266. class="required">*</span>
  267. </label>
  268.  
  269. <div class="col-md-3 col-sm-3 col-xs-12">
  270. <textarea id="address" name="address" required="required"
  271. class="form-control col-md-7 col-xs-12"></textarea>
  272. </div>
  273.  
  274.  
  275. <label class="control-label col-md-1 col-sm-1 col-xs-12" for="city">Ville <span
  276. class="required">*</span>
  277. </label>
  278.  
  279. <div class="col-md-2 col-sm-2 col-xs-12">
  280. <select class="select2_single form-control col-md-7 col-xs-12" id="city"
  281. name="city" required="required">
  282. <option value="">Sélectionnez une ville</option>
  283. @foreach($cities as $city)
  284. <option value="{{$city}}">{{$city}}</option>
  285. @endforeach
  286. </select>
  287. </div>
  288.  
  289. <div class="col-md-2 col-md-offset-7 col-sm-3 col-xs-12">
  290. <input type="text" class="form-control col-md-2 col-xs-12" id="ocity"
  291. name="ocity" required="required">
  292. </div>
  293.  
  294. </div>
  295. <div class="item form-group">
  296.  
  297. <label class="control-label col-md-3 col-sm-3 col-xs-12 " for="sex">Sexe <span
  298. class="required">*</span>
  299. </label>
  300.  
  301. <div class="col-md-3 col-sm-3 col-xs-12">
  302. <select class="select2_single form-control col-md-7 col-xs-12" id="sex"
  303. name="sex">
  304. <option value="">Sélectionner votre sexe</option>
  305. <option value="M">Masculin</option>
  306. <option value="F">Féminin</option>
  307. </select>
  308. </div>
  309.  
  310.  
  311. <label class="control-label col-md-1 col-sm-1 col-xs-12 " for="phone">Téléphone <span
  312. class="required">*</span>
  313. </label>
  314.  
  315. <div class="col-md-2 col-sm-2 col-xs-12">
  316. <input type="tel" id="phone" name="phone"
  317. class="form-control col-md-7 col-xs-12">
  318. </div>
  319. </div>
  320.  
  321. <div class="item form-group">
  322.  
  323. <label class="control-label col-md-3 col-sm-3 col-xs-12 " for="birthDate">Date
  324. de naissance <span
  325. class="required">*</span>
  326. </label>
  327.  
  328. <!--<div class="col-md-2 col-sm-2 col-xs-12">
  329.  
  330. <input type="date" name="birthDate" required="required" id="birthDate"
  331. class="form-control col-md-7 col-xs-12">
  332. </div>-->
  333.  
  334. <div class="col-md-2 col-sm-2 col-xs-12 xdisplay_inputx form-group has-feedback">
  335. <input type="text" name="birthDate" class="form-control has-feedback-left"
  336. id="single_cal1" placeholder="Naissance"
  337. aria-describedby="inputSuccess2Status2">
  338. <span class="fa fa-calendar-o form-control-feedback left"
  339. aria-hidden="true"></span>
  340. <span id="inputSuccess2Status2" class="sr-only">(success)</span>
  341. </div>
  342.  
  343.  
  344. <label class="control-label col-md-2 col-sm-2 col-xs-12 " for="birthCity">Lieu
  345. de naissance <span
  346. class="required">*</span>
  347. </label>
  348.  
  349. <div class="col-md-2 col-sm-2 col-xs-12">
  350. <select class="select2_single form-control col-md-7 col-xs-12"
  351. id="birthCity" name="birthCity" required="required">
  352. <option value="">Sélectionnez une ville</option>
  353. @foreach($cities as $city)
  354. <option value="{{$city}}">{{$city}}</option>
  355. @endforeach
  356. </select>
  357. </div>
  358.  
  359. <div class="col-md-2 col-md-offset-7 col-sm-3 col-xs-12">
  360. <input type="text" class="form-control col-md-2 col-xs-12" id="obirthCity"
  361. name="obirthCity" required="required">
  362. </div>
  363. </div>
  364. </fieldset>
  365.  
  366. <br/>
  367.  
  368. <fieldset>
  369. <legend>Informations du Baccalauréat</legend>
  370. <div class="item form-group">
  371. <label for="yearGraduation" class="control-label col-md-3 col-sm-3 col-xs-12">Année
  372. d'obtention <span
  373. class="required">*</span></label>
  374.  
  375. <div class="col-md-3 col-sm-3 col-xs-12">
  376. <select id="annee_bac"
  377. class=" select2_single form-control col-md-7 col-xs-12"
  378. required="required" name="yearGraduation">
  379. <option value="">Sélectionnez l'année d'obtention</option>
  380. <option value="2017">2017</option>
  381. <option value="2016">2016</option>
  382. <option value="2015">2015</option>
  383. <option value="2014">2014</option>
  384. <option value="2013">2013</option>
  385. <option value="2012">2012</option>
  386. <option value="2011">2011</option>
  387. <option value="2010">2010</option>
  388. <option value="2009">2009</option>
  389. <option value="2008">2008</option>
  390. <option value="2007">2007</option>
  391. <option value="2006">2006</option>
  392. <option value="2005">2005</option>
  393. <option value="2004">2004</option>
  394. <option value="2003">2003</option>
  395. <option value="2002">2002</option>
  396. <option value="2001">2001</option>
  397. <option value="2000">2000</option>
  398. <option value="1999">1999</option>
  399. <option value="1998">1998</option>
  400. <option value="1997">1997</option>
  401. <option value="1996">1996</option>
  402. <option value="1995">1995</option>
  403. <option value="1994">1994</option>
  404. <option value="1993">1993</option>
  405. <option value="1992">1992</option>
  406. <option value="1991">1991</option>
  407. <option value="1990">1990</option>
  408. <option value="1989">1989</option>
  409. <option value="1988">1988</option>
  410. <option value="1987">1987</option>
  411. <option value="1986">1986</option>
  412. <option value="1985">1985</option>
  413. <option value="1984">1984</option>
  414. <option value="1983">1983</option>
  415. <option value="1982">1982</option>
  416. <option value="1981">1981</option>
  417. <option value="1980">1980</option>
  418. <option value="1979">1979</option>
  419. <option value="1978">1978</option>
  420. <option value="1977">1977</option>
  421. <option value="1976">1976</option>
  422. <option value="1975">1975</option>
  423. <option value="1974">1974</option>
  424. <option value="1973">1973</option>
  425. <option value="1972">1972</option>
  426. <option value="1971">1971</option>
  427. <option value="1970">1970</option>
  428. </select>
  429. </div>
  430.  
  431.  
  432. <label for="typeBac"
  433. class="control-label col-md-1 col-sm-1 col-xs-12 ">Type <span
  434. class="required">*</span></label>
  435.  
  436. <div class="col-md-2 col-sm-2 col-xs-12">
  437. <select id="type_bac"
  438. class="select2_single form-control col-md-7 col-xs-12"
  439. required="required" name="typeBac">
  440. <option value="">Sélectionnez un type</option>
  441. <option value="Sciences Math A">Sciences Math A</option>
  442. <option value="Sciences Math B">Sciences Math B</option>
  443. <option value="Sciences Physiques">Sciences Physiques</option>
  444. <option value="Sciences Experimentales">Sciences Experimentales</option>
  445. <option value="Sciences Vie et Terre">Sciences Vie et Terre</option>
  446. <option value="Sciences Eléctriques">Sciences Eléctriques</option>
  447. <option value="Sciences Eléctrotechniques">Sciences Eléctrotechniques
  448. </option>
  449. <option value="Sciences Mécaniques">Sciences Mécaniques</option>
  450. <option value="Autre">Autre</option>
  451. </select>
  452. </div>
  453. </div>
  454.  
  455. <div class="item form-group">
  456. <label for="averageBac" class="control-label col-md-3 col-sm-3 col-xs-12">Moyenne <span
  457. class="required">*</span></label>
  458.  
  459. <div class="col-md-3 col-sm-3 col-xs-12">
  460. <input type="text" id="averageBac" name="averageBac"
  461. class="form-control col-md-7 col-xs-12">
  462. </div>
  463.  
  464.  
  465. <label for="mentionBac" class="control-label col-md-1 col-sm- col-xs-12 ">Mention <span
  466. class="required">*</span></label>
  467.  
  468. <div class="col-md-2 col-sm-2 col-xs-12">
  469. <select id="mentionBac"
  470. class="select2_single form-control col-md-7 col-xs-12"
  471. required="required" name="mentionBac">
  472. <option value="">Sélectionnez la mention</option>
  473. <option value="TB">Très Bien</option>
  474. <option value="B">Bien</option>
  475. <option value="AB">Assez Bien</option>
  476. <option value="P">Passable</option>
  477. </select>
  478. </div>
  479. </div>
  480.  
  481. <div class="item form-group">
  482. <label class="control-label col-md-3 col-sm-3 col-xs-12">Etablissement <span
  483. class="required">*</span></label>
  484.  
  485. <div class="col-md-3 col-sm-3 col-xs-12">
  486. <input type="text" id="etablissement" name="etablissement"
  487. class="form-control col-md-7 col-xs-12">
  488. </div>
  489.  
  490.  
  491. <label for="bacCity"
  492. class="control-label col-md-1 col-sm-1 col-xs-12 ">Ville <span
  493. class="required">*</span></label>
  494.  
  495. <div class="col-md-2 col-sm-2 col-xs-12">
  496. <select class="select2_single form-control col-md-7 col-xs-12" id="bacCity"
  497. name="bacCity" required="required">
  498. <option value="">Sélectionnez une ville</option>
  499. @foreach($cities as $city)
  500. <option value="{{$city}}">{{$city}}</option>
  501. @endforeach
  502. </select>
  503. </div>
  504.  
  505. <div class="col-md-2 col-md-offset-7 col-sm-3 col-xs-12">
  506. <input type="text" class="form-control col-md-2 col-xs-12" id="obacCity"
  507. name="obacCity" required="required">
  508. </div>
  509. </div>
  510.  
  511. </fieldset>
  512. <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
  513.  
  514. </div>
  515. <div id="step-2">
  516.  
  517. <fieldset>
  518. <legend>Informations du diplôme (BAC+2)</legend>
  519. <div class="form-group">
  520. <label for="typeDiplome" class="control-label col-md-3 col-sm-3 col-xs-12">Type
  521. diplôme <span
  522. class="required">*</span></label>
  523.  
  524. <div class="col-md-7 col-sm-7 col-xs-12">
  525. <select id="typeDiplome" class="select2_single form-control"
  526. required="required" name="typeDiplome">
  527. <option value="">Sélectionnez le type du diplôme</option>
  528. <option value="BTS">BTS</option>
  529. <option value="DEUG">DEUG</option>
  530. <option value="DEUST">DEUST</option>
  531. <option value="DTS">DTS</option>
  532. <option value="DUT">DUT</option>
  533. <option value="AUTRE">AUTRE</option>
  534. </select>
  535. </div>
  536. </div>
  537.  
  538. <div class="item form-group">
  539. <label class="control-label col-md-3 col-sm-3 col-xs-12"
  540. for="specialityDiplome">Spécialité
  541. du diplôme <span
  542. class="required">*</span>
  543. </label>
  544.  
  545. <div class="col-md-3 col-sm-3 col-xs-12">
  546. <input type="text" id="specialityDiplome" name="specialityDiplome"
  547. class="form-control col-md-7 col-xs-12">
  548. </div>
  549.  
  550.  
  551. <label class="control-label col-md-2 col-sm-2 col-xs-12 "
  552. for="yearGraduationDiplome">Année
  553. d'obtention <span
  554. class="required">*</span>
  555. </label>
  556.  
  557. <div class="col-md-2 col-sm-2 col-xs-12">
  558. <select id="yearGraduationDiplome" name="yearGraduationDiplome"
  559. class="select2_single form-control col-md-7 col-xs-12"
  560. required="required">
  561. <option value="">Sélectionnez l'année</option>
  562. <option value="2017">2017</option>
  563. <option value="2016">2016</option>
  564. <option value="2015">2015</option>
  565. <option value="2014">2014</option>
  566. <option value="2013">2013</option>
  567. <option value="2012">2012</option>
  568. <option value="2011">2011</option>
  569. <option value="2010">2010</option>
  570. <option value="2009">2009</option>
  571. <option value="2008">2008</option>
  572. <option value="2007">2007</option>
  573. <option value="2006">2006</option>
  574. <option value="2005">2005</option>
  575. <option value="2004">2004</option>
  576. <option value="2003">2003</option>
  577. <option value="2002">2002</option>
  578. <option value="2001">2001</option>
  579. <option value="2000">2000</option>
  580. <option value="1999">1999</option>
  581. <option value="1998">1998</option>
  582. <option value="1997">1997</option>
  583. <option value="1996">1996</option>
  584. <option value="1995">1995</option>
  585. <option value="1994">1994</option>
  586. <option value="1993">1993</option>
  587. <option value="1992">1992</option>
  588. <option value="1991">1991</option>
  589. <option value="1990">1990</option>
  590. <option value="1989">1989</option>
  591. <option value="1988">1988</option>
  592. <option value="1987">1987</option>
  593. <option value="1986">1986</option>
  594. <option value="1985">1985</option>
  595. <option value="1984">1984</option>
  596. <option value="1983">1983</option>
  597. <option value="1982">1982</option>
  598. <option value="1981">1981</option>
  599. <option value="1980">1980</option>
  600. <option value="1979">1979</option>
  601. <option value="1978">1978</option>
  602. <option value="1977">1977</option>
  603. <option value="1976">1976</option>
  604. <option value="1975">1975</option>
  605. <option value="1974">1974</option>
  606. <option value="1973">1973</option>
  607. <option value="1972">1972</option>
  608. <option value="1971">1971</option>
  609. <option value="1970">1970</option>
  610. </select>
  611. </div>
  612. </div>
  613.  
  614. <div class="item form-group">
  615. <label class="control-label col-md-3 col-sm-3 col-xs-12" for="averageDiplome">Moyenne
  616. du diplôme <span
  617. class="required">*</span>
  618. </label>
  619.  
  620. <div class="col-md-3 col-sm-3 col-xs-12">
  621. <input type="text" id="averageDiplome" name="averageDiplome"
  622. class="form-control col-md-7 col-xs-12">
  623. </div>
  624.  
  625.  
  626. <label class="control-label col-md-2 col-sm-2 col-xs-12 " for="mentionDiplome">Mention
  627. du diplôme <span
  628. class="required">*</span>
  629. </label>
  630.  
  631. <div class="col-md-2 col-sm-2 col-xs-12">
  632. <select id="mentionDiplome" name="mentionDiplome"
  633. class=" select2_single form-control col-md-7 col-xs-12"
  634. required="required">
  635. <option value="">Sélectionnez la mention</option>
  636. <option value="TB">Très Bien</option>
  637. <option value="B">Bien</option>
  638. <option value="AB">Assez Bien</option>
  639. <option value="P">Passable</option>
  640. </select>
  641. </div>
  642. </div>
  643.  
  644. <div class="item form-group">
  645. <label for="etablissementDiplome"
  646. class="control-label col-md-3 col-sm-3 col-xs-12">Etablissement <span
  647. class="required">*</span></label>
  648.  
  649. <div class="col-md-3 col-sm-3 col-xs-12">
  650. <select id="etablissementDiplome" name="etablissementDiplome"
  651. class=" select2_single form-control col-md-7 col-xs-12"
  652. required="required">
  653. <option value="">Sélectionnez un établissement</option>
  654. <option value="ENS">ENS</option>
  655. <option value="ENSET">ENSET</option>
  656. <option value="EST">EST</option>
  657. <option value="FP">FP</option>
  658. <option value="FS">FS</option>
  659. <option value="FST">FST</option>
  660. <option value="ENSA">ENSA</option>
  661. <option value="ENSAM">ENSAM</option>
  662. <option value="ISTA">ISTA</option>
  663. <option value="AUTRE">AUTRE</option>
  664. </select>
  665. </div>
  666.  
  667.  
  668. <label for="cityDiplome" class="control-label col-md-2 col-sm-2 col-xs-12 ">Ville <span
  669. class="required">*</span></label>
  670.  
  671. <div class="col-md-2 col-sm-2 col-xs-12">
  672. <select class="select2_single form-control col-md-7 col-xs-12"
  673. id="cityDiplome" name="cityDiplome" required="required">
  674. <option value="">Sélectionnez une ville</option>
  675. @foreach($cities as $city)
  676. <option value="{{$city}}">{{$city}}</option>
  677. @endforeach
  678. </select>
  679. </div>
  680.  
  681. <div class="col-md-2 col-md-offset-8 col-sm-3 col-xs-12">
  682. <input type="text" class="form-control col-md-2 col-xs-12" id="ocityDiplome"
  683. name="ocityDiplome" required="required">
  684. </div>
  685.  
  686. </div>
  687. </fieldset>
  688.  
  689. <br/>
  690.  
  691. <fieldset>
  692. <legend> Choix de filière</legend>
  693. <label for="choiceSector" class="control-label col-md-3 col-sm-3 col-xs-12">Choisir
  694. la filière <span
  695. class="required">*</span></label>
  696.  
  697. <div class="col-md-7 col-sm-7 col-xs-12">
  698. <select id="choiceSector" class=" select2_single form-control"
  699. required="required" name="choiceSector">
  700. <option value="">Sélectionnez une filière</option>
  701. @foreach($sectors as $sector)
  702. <option value="{{ $sector->id }}">{{ $sector->sector }}</option>
  703. @endforeach
  704. </select>
  705. </div>
  706. </fieldset>
  707. </div>
  708.  
  709. <!-- STEP 3 -->
  710. <div id="step-3">
  711. <fieldset>
  712. <legend> Modules étudiés</legend>
  713. <div class="row text-center">
  714. <h4>Dans cette étape vous devez saisir les modules étudiés en BAC+2 ayant
  715. relation avec la filière choisie.</h4>
  716.  
  717. <h4 style="margin-bottom: 40px;">Elle peut
  718. appuyer votre candidature. Cependant, elle n'est pas obligatoire.</h4>
  719. </div>
  720. <div class="form-group">
  721. <div id="dynamic_field">
  722. <div class="item form-group">
  723. <label for="name" class="control-label col-md-3 col-sm-3 col-xs-12"
  724. for="module">Module
  725. </label>
  726.  
  727. <div class="col-md-4 col-sm-4 col-xs-12">
  728. <input type="text" id="name" name="name[]"
  729. class="form-control col-md-7 col-xs-12">
  730. </div>
  731.  
  732.  
  733. <label class="control-label col-md-1 col-sm-1 col-xs-12 "
  734. for="lastName2">Note
  735. </label>
  736.  
  737. <div class="col-md-1 col-sm-1 col-xs-12">
  738. <input type="text" id="note" name="note[]"
  739. class="form-control col-md-7 col-xs-12">
  740. </div>
  741. </div>
  742. </div>
  743. <div class="col-md-3 col-md-offset-7">
  744. <button style="margin-left:5px;" type="button" name="add" id="add"
  745. class="btn btn-success">Ajouter un autre module
  746. </button>
  747. </div>
  748. </div>
  749. </fieldset>
  750. </div>
  751. <!-- end step 3 -->
  752.  
  753. <div id="step-4">
  754. <fieldset>
  755. <legend>Informations des stages et des expériences</legend>
  756. <div class="row text-center">
  757. <h4 style="margin-bottom: 40px;">Cette étape peut
  758. appuyer votre candidature. Cependant, elle n'est pas obligatoire.</h4>
  759. </div>
  760. <div id="dynamic_fields">
  761. <div id="div1" class="item form-group">
  762. <label class="control-label col-md-3 col-sm-3 col-xs-12" for="SteName">Nom
  763. de la Société
  764. </label>
  765.  
  766. <div class="col-md-6 col-sm-6 col-xs-12">
  767. <input type="text" id="SteName" name="SteName[]" required="required"
  768. class="form-control col-md-7 col-xs-12">
  769. </div>
  770. </div>
  771. <div id="div2" class="item form-group">
  772. <label id="lbl2" class="control-label col-md-3 col-sm-3 col-xs-12"
  773. for="Sujet">Sujet
  774. </label>
  775.  
  776. <div class="col-md-6 col-sm-6 col-xs-12">
  777. <input type="text" id="Sujet" name="Sujet[]" required="required"
  778. class="form-control col-md-7 col-xs-12">
  779. </div>
  780. </div>
  781. <div id="div3" class="item form-group">
  782. <label id="lbl3" class="control-label col-md-3 col-sm-3 col-xs-12"
  783. for="DateDebut">Date début
  784. </label>
  785.  
  786. <div class="col-md-6 col-sm-6 col-xs-12">
  787. <input type="date" id="DateDebut" name="DateDebut[]" required="required"
  788. class="form-control col-md-7 col-xs-12"
  789. placeholder="Jour/Mois/Année : 01/04/2016">
  790. </div>
  791.  
  792. <!--<div class="col-md-6 col-sm-6 col-xs-12 xdisplay_inputx form-group has-feedback">
  793. <input type="text" name="DateDebut[]" class="form-control"
  794. id="single_cal2" placeholder="Date début">
  795. </div>-->
  796.  
  797. </div>
  798. <div id="div4" class="item form-group">
  799. <label id="lbl4" class="control-label col-md-3 col-sm-3 col-xs-12"
  800. for="DateFin">Date fin
  801. </label>
  802.  
  803. <div class="col-md-6 col-sm-6 col-xs-12">
  804. <input type="date" id="DateFin" name="DateFin[]" required="required"
  805. class="form-control col-md-7 col-xs-12"
  806. placeholder="Jour/Mois/Année : 01/06/2016">
  807. </div>
  808.  
  809. <!--<div class="col-md-6 col-sm-6 col-xs-12 xdisplay_inputx form-group has-feedback">
  810. <input type="text" name="DateFin[]" class="form-control"
  811. id="single_cal3" placeholder="Date fin">
  812. </div>-->
  813. </div>
  814. </div>
  815. <div class="col-md-3 col-md-offset-6">
  816. <button style="margin-left:75px;" type="button" name="addExperience"
  817. id="addExperience" class="btn btn-success">Ajouter une autre expérience
  818. </button>
  819. </div>
  820. </fieldset>
  821. <div style="margin-top: 2%;" class="alert alert-danger text-center" role="alert">
  822. <h2>Veuillez vérifiez que toutes les informations saisies sont correctes puis
  823. validez votre inscription en ciquant sur terminer.</h2>
  824. </div>
  825. </div>
  826. </form>
  827. </div>
  828. <!-- End SmartWizard Content -->
  829.  
  830.  
  831. </div>
  832. </div>
  833. </div>
  834.  
  835. </div>
  836.  
  837.  
  838. @endsection
  839.  
  840. @section('scripts')
  841.  
  842. <!-- switchery -->
  843. <script src="{{ asset('js/switchery/switchery.min.js') }}"></script>
  844.  
  845. <!-- knob -->
  846. <script src="{{ asset('js/knob/jquery.knob.min.js') }}"></script>
  847. <!-- knob -->
  848. <script>
  849. $(function ($) {
  850.  
  851. $(".knob").knob({
  852. change: function (value) {
  853. //console.log("change : " + value);
  854. },
  855. release: function (value) {
  856. //console.log(this.$.attr('value'));
  857. console.log("release : " + value);
  858. },
  859. cancel: function () {
  860. console.log("cancel : ", this);
  861. },
  862. /*format : function (value) {
  863. return value + '%';
  864. },*/
  865. draw: function () {
  866.  
  867. // "tron" case
  868. if (this.$.data('skin') == 'tron') {
  869.  
  870. this.cursorExt = 0.3;
  871.  
  872. var a = this.arc(this.cv) // Arc
  873. ,
  874. pa // Previous arc
  875. , r = 1;
  876.  
  877. this.g.lineWidth = this.lineWidth;
  878.  
  879. if (this.o.displayPrevious) {
  880. pa = this.arc(this.v);
  881. this.g.beginPath();
  882. this.g.strokeStyle = this.pColor;
  883. this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, pa.s, pa.e, pa.d);
  884. this.g.stroke();
  885. }
  886.  
  887. this.g.beginPath();
  888. this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
  889. this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, a.s, a.e, a.d);
  890. this.g.stroke();
  891.  
  892. this.g.lineWidth = 2;
  893. this.g.beginPath();
  894. this.g.strokeStyle = this.o.fgColor;
  895. this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
  896. this.g.stroke();
  897.  
  898. return false;
  899. }
  900. }
  901. });
  902.  
  903.  
  904. });
  905. </script>
  906. <!-- /knob -->
  907. <!-- select2 -->
  908. <script src="{{ asset('js/select/select2.full.js') }}"></script>
  909. <!-- /select2 -->
  910.  
  911. <!-- select2 -->
  912. <script>
  913. $(document).ready(function () {
  914. $(".select2_single").select2({
  915.  
  916. allowClear: true
  917. });
  918.  
  919.  
  920. $(".select2_group").select2({});
  921. $(".select2_multiple").select2({
  922. placeholder: "selectionner les noms",
  923. allowClear: true
  924. });
  925.  
  926. // $("#users").on("select2:select", function(e) {
  927. // var selectedId = e.params.data.id;
  928. //
  929. //
  930. // $('#users_list').append('<li><a><span class="image"><img src="images/img.jpg" alt="img"/> </span> <span> <span>John Smith</span> <span class="time">3 mins ago</span></span> <span class="message"></span> </a></li>');
  931. //
  932. //
  933. // });
  934.  
  935. });
  936. </script>
  937. <!-- /select2 -->
  938.  
  939. <!-- form wizard -->
  940. <script type="text/javascript" src="{{ asset('js/wizard/jquery.smartWizard.js') }}"></script>
  941. <script type="text/javascript">
  942. $(document).ready(function () {
  943. // Smart Wizard
  944.  
  945. $('#wizard').smartWizard({
  946.  
  947. selected: 0,
  948. noForwardJumping: true,
  949. labelPrevious: 'Précédent',
  950. labelNext: 'Suivant',
  951. labelFinish: 'Terminer',
  952. hideButtonsOnDisabled: true,
  953. onFinish: onFinishCallback,
  954.  
  955. });
  956.  
  957.  
  958. function onFinishCallback() {
  959. document.getElementById("validation").submit();
  960. }
  961. });
  962.  
  963. </script>
  964.  
  965. <!-- form validation -->
  966. <script type="text/javascript" src="{{ asset('js/parsley/parsley.min.js') }}"></script>
  967.  
  968.  
  969. <!-- form validation -->
  970. <script src="{{ asset('js/validator/validator.js') }}"></script>
  971. <script>
  972. // initialize the validator function
  973. validator.message['email'] = 'Adresse email invalide';
  974. validator.message['empty'] = 'Ce champ est obligatoire';
  975. validator.message['repeat'] = 'pas de correspondance';
  976. validator.message['password_repeat'] = 'pas de correspondance';
  977. validator.message['select'] = 'veuillez selectionner une valeur';
  978. validator.message['invalid'] = 'Valeur invalide';
  979.  
  980. // validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup':
  981. $('form')
  982. .on('blur', 'input[required], input.optional, select.required', validator.checkField)
  983. .on('change', 'select.required', validator.checkField);
  984. // .on('keypress', 'input[required][pattern]', validator.keypress)
  985.  
  986. $('.multi.required')
  987. .on('keyup blur', 'input', function () {
  988. validator.checkField.apply($(this).siblings().last()[0]);
  989. });
  990.  
  991. // bind the validation to the form submit event
  992. //$('#send').click('submit');//.prop('disabled', true);
  993.  
  994.  
  995. $('form').submit(function (e) {
  996. e.preventDefault();
  997. var submit = true;
  998. // evaluate the form using generic validaing
  999. if (!validator.checkAll($(this))) {
  1000.  
  1001. submit = false;
  1002.  
  1003. }
  1004. // TODO : get error message to show up
  1005. if (submit)
  1006. this.submit();
  1007. return false;
  1008. });
  1009. </script>
  1010.  
  1011. <!-- daterangepicker -->
  1012. <script type="text/javascript" src="{{ asset('js/moment.min2.js') }}"></script>
  1013. <script type="text/javascript" src="{{ asset('js/datepicker/daterangepicker.js') }}"></script>
  1014.  
  1015.  
  1016. <!-- /datepicker -->
  1017. <script type="text/javascript">
  1018. $(document).ready(function () {
  1019. $('#single_cal1').daterangepicker({
  1020. format: 'YYYY-MM-DD',
  1021. "singleDatePicker": true,
  1022. "showDropdowns": true,
  1023. "autoApply": true,
  1024. calender_style: "picker_2",
  1025. "locale": {
  1026. "daysOfWeek": [
  1027. "Di",
  1028. "Lu",
  1029. "Ma",
  1030. "Me",
  1031. "Je",
  1032. "Ve",
  1033. "Sa"
  1034. ],
  1035. "monthNames": [
  1036. "Janvier",
  1037. "Février",
  1038. "Mars",
  1039. "Avril",
  1040. "Mai",
  1041. "Juin",
  1042. "Juillet",
  1043. "Août",
  1044. "Septembre",
  1045. "Octobre",
  1046. "Novembre",
  1047. "Décembre"
  1048. ],
  1049. "firstDay": 1
  1050. }
  1051. }, function (start, end, label) {
  1052. console.log(start.toISOString(), end.toISOString(), label);
  1053. });
  1054. $('#single_cal2').daterangepicker({
  1055. format: 'YYYY-MM-DD',
  1056. "singleDatePicker": true,
  1057. "showDropdowns": true,
  1058. "autoApply": true,
  1059. calender_style: "picker_2",
  1060. "drops": "up",
  1061. "locale": {
  1062. "daysOfWeek": [
  1063. "Di",
  1064. "Lu",
  1065. "Ma",
  1066. "Me",
  1067. "Je",
  1068. "Ve",
  1069. "Sa"
  1070. ],
  1071. "monthNames": [
  1072. "Janvier",
  1073. "Février",
  1074. "Mars",
  1075. "Avril",
  1076. "Mai",
  1077. "Juin",
  1078. "Juillet",
  1079. "Août",
  1080. "Septembre",
  1081. "Octobre",
  1082. "Novembre",
  1083. "Décembre"
  1084. ],
  1085. "firstDay": 1
  1086. }
  1087. }, function (start, end, label) {
  1088. console.log(start.toISOString(), end.toISOString(), label);
  1089. });
  1090. $('#single_cal3').daterangepicker({
  1091. format: 'YYYY-MM-DD',
  1092. "singleDatePicker": true,
  1093. "showDropdowns": true,
  1094. "autoApply": true,
  1095. calender_style: "picker_2",
  1096. "drops": "up",
  1097. "locale": {
  1098. "daysOfWeek": [
  1099. "Di",
  1100. "Lu",
  1101. "Ma",
  1102. "Me",
  1103. "Je",
  1104. "Ve",
  1105. "Sa"
  1106. ],
  1107. "monthNames": [
  1108. "Janvier",
  1109. "Février",
  1110. "Mars",
  1111. "Avril",
  1112. "Mai",
  1113. "Juin",
  1114. "Juillet",
  1115. "Août",
  1116. "Septembre",
  1117. "Octobre",
  1118. "Novembre",
  1119. "Décembre"
  1120. ],
  1121. "firstDay": 1
  1122. }
  1123. }, function (start, end, label) {
  1124. console.log(start.toISOString(), end.toISOString(), label);
  1125. });
  1126. });
  1127. </script>
  1128.  
  1129. <!-- /datepicker -->
  1130.  
  1131. <!-- /** ****** Dynamic form fields *********************** **/ -->
  1132.  
  1133. <script type="text/javascript">
  1134. $(document).ready(function () {
  1135. var i = 1;
  1136. $('#add').click(function () {
  1137. i++;
  1138. $('#dynamic_field').append('<div id="row' + i + '" ><div class="item form-group"><label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Module</label><div class="col-md-4 col-sm-4 col-xs-12"><input type="text" id="name" name="name[]" class="form-control col-md-7 col-xs-12"></div><label class="control-label col-md-1 col-sm-1 col-xs-12 " for="note">Note</label><div class="col-md-1 col-sm-1 col-xs-12"><input type="text" id="note" name="note[]" class="form-control col-md-7 col-xs-12"></div><div id="div5" class="item form-group"></div><div class="col-md-6 col-md-offset-3 col-sm-6 col-xs-12" style="margin-top : 8px"><button type="button" name="remove" id="' + i + '" class="btn btn-danger btn_remove">Retirer ce module</button></div></div>');
  1139. });
  1140. $(document).on('click', '.btn_remove', function () {
  1141. var button_id = $(this).attr("id");
  1142. $('#row' + button_id + '').remove();
  1143. });
  1144.  
  1145. });
  1146. </script>
  1147. <script type="text/javascript">
  1148. $(document).ready(function () {
  1149. var i = 1;
  1150. $('#addExperience').click(function () {
  1151. i++;
  1152. $('#dynamic_fields').append('</br><div id="row' + i + '" ><div id="div1" class="item form-group"><label id="lbl1" class="control-label col-md-3 col-sm-3 col-xs-12" for="cne">Nom de la Société</label><div class="col-md-6 col-sm-7 col-xs-12"><input type="text" id="ste" name="SteName[]" class="form-control col-md-5 col-xs-12"></div></div><div id="div2" class="item form-group"><label id="lbl2" class="control-label col-md-3 col-sm-3 col-xs-12" for="cin">Sujet</label><div class="col-md-6 col-sm-6 col-xs-12"><input type="text" id="sujet" name="Sujet[]" class="form-control col-md-7 col-xs-12"></div></div><div id="div3" class="item form-group"><label id="lbl3" class="control-label col-md-3 col-sm-3 col-xs-12" for="cne">Date début</label><div class="col-md-6 col-sm-6 col-xs-12"><input type="date" id="date_debut" name="DateDebut[]" class="form-control col-md-7 col-xs-12"></div></div><div id="div4" class="item form-group"><label id="lbl4" class="control-label col-md-3 col-sm-3 col-xs-12" for="cin">Date fin</label><div class="col-md-6 col-sm-6 col-xs-12"><input type="date" id="date_fin" name="DateFin[]" class="form-control col-md-7 col-xs-12"></div><div id="div5" class="item form-group"><div class="col-md-6 col-md-offset-3 col-sm-6 col-xs-12" style="margin-top : 8px"><button type="button" name="remove" id="' + i + '" class="btn btn-danger btn_remove">Retirer cette expérience</button></div></div>');
  1153. });
  1154. $(document).on('click', '.btn_remove', function () {
  1155. var button_id = $(this).attr("id");
  1156. $('#row' + button_id + '').remove();
  1157. });
  1158.  
  1159. });
  1160.  
  1161.  
  1162. </script>
  1163.  
  1164. <!-- /** ****** Dynamic form fields *********************** **/ -->
  1165.  
  1166. <!-- /********* Other cities ***********************************/ -->
  1167. <script language="JavaScript">
  1168. $(document).ready(function () {
  1169. $("#ocity").hide();
  1170. });
  1171.  
  1172. jQuery('#city').change(function () {
  1173. if ($(this).val() == "AUTRE") {
  1174. $("#ocity").show();
  1175. }
  1176. });
  1177. </script>
  1178.  
  1179. <script language="JavaScript">
  1180. $(document).ready(function () {
  1181. $("#obirthCity").hide();
  1182. });
  1183.  
  1184. jQuery('#birthCity').change(function () {
  1185. if ($(this).val() == "AUTRE") {
  1186. $("#obirthCity").show();
  1187. }
  1188. });
  1189. </script>
  1190.  
  1191. <script language="JavaScript">
  1192. $(document).ready(function () {
  1193. $("#obacCity").hide();
  1194. });
  1195.  
  1196. jQuery('#bacCity').change(function () {
  1197. if ($(this).val() == "AUTRE") {
  1198. $("#obacCity").show();
  1199. }
  1200. });
  1201. </script>
  1202.  
  1203. <script language="JavaScript">
  1204. $(document).ready(function () {
  1205. $("#ocityDiplome").hide();
  1206. });
  1207.  
  1208. jQuery('#cityDiplome').change(function () {
  1209. if ($(this).val() == "AUTRE") {
  1210. $("#ocityDiplome").show();
  1211. }
  1212. });
  1213. </script>
  1214. <!-- /***************** End Others cities ********************/ -->
  1215. @endsection
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!