Thème Paris.fr
PAYANT
GRATUIT
PAYANT
Contenu de la carte
<@cContainer>
<@cRow>
<@cCol cols='12 col-sm-3' class='p-sm-4'>
<@cHeader>
<@cTitle level=4>FILTRES</@cTitle>
<@cSection type='p'>
<@cBtn label='Filtre sélectionné' type='button' nestedPos='after' >
<@parisIcon name='close' />
</@cBtn>
</@cSection>
</@cHeader>
<@cForm name='info' >
<@cFormRow>
<@cCol>
<#assign lData><@cText type='small' class="text-muted">(Nom de la discipline)</@cText></#assign>
<@cField label='Discipline' for='name' labelData=lData>
<@cInput name='fname' placeholder='Exemple: Football' />
<@cFormHelp id='fname' label='Saisir un nom de discipline' />
</@cField>
</@cCol>
</@cFormRow>
<@cFormRow>
<@cCol params=' aria-describedby="radioHelpHoraire"'>
<@cField label='Horaire'>
<@cCheckbox name='horaire' id='matin' label='Matin' value='matin' />
<@cCheckbox name='horaire' id='aprem' label='Après-midi' value='aprem' />
<@cCheckbox name='horaire' id='jour' label='Journée' value='jour' />
<@cFormHelp id='radioHelpHoraire' label='Choisir un horaire' />
</@cField>
</@cCol>
</@cFormRow>
<@cFormRow class="mt-3">
<@cCol>
<@cField label='Commune'>
<@cSelect name=''>
<@cOption label='' value='0' />
<@cOption label='Paris (75000)' value='1' />
<@cOption label='Parigné-l\'Eveque (72250)' value='2' selected=true />
<@cOption label='Parigné (35133)' value='3' />
<@cOption label='Parigné-le-Polin (72330)' value='4' />
</@cSelect>
</@cField>
</@cCol>
</@cFormRow>
<@cFormRow>
<@cCol>
<@cField label='Discipline'>
<@cAccordion id='sport1' title='Art martiaux <span class="badge badge-pill badge-warning ml-2">5</span>'>
<@cCheckbox name='sport' id='karate' label='Karate' value='karate' />
<@cCheckbox name='sport' id='judo' label='Judo' value='judo' />
<@cCheckbox name='sport' id='natation' label='Natation' value='nata' />
</@cAccordion>
<@cAccordion id='sport2' title='Sport collectifs' class='mt-2' state=false>
<@cField label='Horaire'>
<@cCheckbox name='sport' id='football' label='Football' value='foot' />
<@cCheckbox name='sport' id='rugby' label='Rugby' value='rugby' />
<@cCheckbox name='sport' id='volley' label='Volley Ball' value='volley' />
<@cCheckbox name='sport' id='hand' label='Hand Ball' value='hand' />
</@cField>
</@cAccordion>
</@cField>
</@cCol>
</@cFormRow>
</@cForm>
</@cCol>
<@cCol cols='12 col-sm-9'>
<@cRow>
<@cCol class='d-flex justify-content-end mb-2'>
<@cBtnToolbar label='Menu Accueil' class='d-flex justify-content-around'>
<@cBtnGroup label='Menu Accueil Gauche' >
<@cBtn label='Liste' class='outline toggle-listmap active p-2' />
<@cBtn label='Carte' class='outline toggle-listmap p-2' />
</@cBtnGroup>
</@cBtnToolbar>
</@cCol>
</@cRow>
<@cRow>
<@cCol>
<@cHeader class="title_inter mt-1">
<@cTitle level=3>Tranches tarifaires</@cTitle>
<@cSection type='div'>Pas de prix calculé</@cSection>
</@cHeader>
</@cCol>
</@cRow>
<@cRow id='list'>
<@cCol>
<#assign accHeader><@cText type='span'><@cText type='span' class='font-weight-bold text-primary'>2</@cText> STAGES <@cText type='span' class="ml-5 font-weight-bold text-primary">3</@cText> LIEUX</@cText></#assign>
<@cAccordion id='acc1' title='Art Martiaux' header=accHeader>
<#assign cardHeader><@cTitle level=5>Du 22/04/2021 au 24/04/2021</@cTitle><@cText class="font-weight-bold">PAYANT</@cText></#assign>
<@cCard class='mt-5' header=cardHeader >
<@cSection type='p' class='text-right'>Selon quotient familial</@cSection>
<@cSection type='p' class='d-flex justify-content-between py-5'>
<@cText type='span' class="mr-auto"><@parisIcon name='location' title='Location' class='main-color' /> <@cLink href='javascript:return false;' label='Gymnase Carpentier (75013)' title='Localiser le Gymnase' class='ml-2' /></@cText>
<@cText type='span'><@parisIcon name='clock' title='Clock' class='main-color' /> <@cLink href='javascript:return false;' label='9h - 17h' title='9h - 17h' class='ml-2' /></@cText>
<@cText type='span' class="ml-auto font-weight-bold">14 place restantes</@cText>
</@cSection>
<@cSection type='div' class='d-flex justify-content-between'>
<@cBtnGroup label='Menu Accueil' >
<@cBtn label='A' class='secondary' />
<@cBtn label='B' class='secondary' />
<@cBtn label='C' class='secondary' />
</@cBtnGroup>
<@cBtn label='Valider' class='action m-1'>
<@parisIcon name='check' />
</@cBtn>
</@cSection>
</@cCard>
<#assign cardHeader><@cTitle level=5 class="gray-dark-color">Du 22/04/2021 au 24/04/2021</@cTitle><@cText class="font-weight-bold gray-dark-color">GRATUIT</@cText></#assign>
<@cCard class='mt-5' header=cardHeader>
<@cSection type='p' class='text-right'></@cSection>
<@cSection type='p' class='d-flex justify-content-between py-5 gray-dark-color'>
<@cText type='span' class="mr-auto"><@parisIcon name='location' title='Location' class='gray-dark-color' /> <@cLink href='javascript:return false;' label='Gymnase Carpentier (75013)' title='Localiser le Gymnase' class='gray-dark-color ml-2' /></@cText>
<@cText type='span'><@parisIcon name='clock' title='Clock' class='gray-dark-color' /> <@cLink href='javascript:return false;' label='9h - 17h' title='9h - 17h' class='gray-dark-color ml-2' /></@cText>
<@cText type='span' class="main-danger-color ml-auto font-weight-bold">COMPLET</@cText>
</@cSection>
<@cSection type='div' class='d-flex justify-content-between'>
<@cBtnGroup label='Menu Accueil' >
<@cBtn label='A' class='secondary' disabled=true />
<@cBtn label='B' class='secondary' disabled=true />
<@cBtn label='C' class='secondary' disabled=true />
</@cBtnGroup>
<@cBtn label='Créer une alerte' class='outline-action m-1' >
<@parisIcon name='plus' />
</@cBtn>
</@cSection>
</@cCard>
</@cAccordion>
<@cAccordion id='acc2' title='Sport Collectifs' class='mt-5' state=false>
<#assign accHeader><@cTitle level=5>Du 22/04/2021 au 24/04/2021</@cTitle><@cText class="font-weight-bold">PAYANT</@cText></#assign>
<@cCard class='mt-5' header=accHeader>
<@cSection type='p'>Contenu de la carte</@cSection>
<@cBtnGroup label='Menu Accueil' >
<@cBtn label='A' class='secondary' />
<@cBtn label='B' class='secondary' />
<@cBtn label='C' class='secondary' />
</@cBtnGroup>
</@cCard>
</@cAccordion>
</@cCol>
</@cRow>
<@cRow id='map'>
<@cCol>
<@cSection type='iframe' params='width="100%" height="500px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://umap.openstreetmap.fr/fr/map/paris-mairies_573582" style="border: 1px solid black"' />
<@cSection type='br' />
<@cSection type='small'>
<@cLink href='https://www.openstreetmap.org/?mlat=48.8520&mlon=2.3481#map=10/48.8516/2.3470' label='Afficher une carte plus grande' />
</@cSection>
</@cCol>
</@cRow>
</@cCol>
</@cRow>
</@cContainer>