@extends('layouts.app')



@section('content')



    <h2>Ajouter un abonnement pour {{ $member->lastname . ' ' . $member->firstname }}</h2>

    {!! Form::open(['method' => 'post', 'url' => route('edit_store_subscription', $sub)]) !!}

    <input name="member_id" type="text" value="{{ $member->id }}" style="display:none" />

    <div class="form-group">

        <div class="input-group input-daterange">

            <input placeholder="Date de début" name="date_start" type="text" class="form-control" value="{{ $sub->get_date_start_slash() }}" />

            <div id="trait" class="input-group-addon" style="padding-top: 8px;">&nbsp;&nbsp;au&nbsp;&nbsp;</div>

            <input placeholder="Date de fin" name="date_end" type="text" class="form-control"  value="{{ $sub->get_date_end_slash() }}" />

        </div>

        <br/>

        {!! Form::label('cost', 'Prix (Rps)') !!}

        {!! Form::text('cost', $sub->cost, ['class' => 'form-control']) !!}

        {!! Form::label('credit', 'Reste à payer (Rps)') !!}

        {!! Form::text('credit', $sub->credit, ['class' => 'form-control']) !!}

    </div>

    <button class="btn btn-primary">Modifier</button>



    {!! Form::close() !!}

<script type="application/javascript">

    $(document).ready(function() {

        $("input[name='date_start']").datepicker({

            'language': 'fr'

        });

        $("input[name='date_end']").datepicker({

            language: 'fr',

            startDate :'{{ $sub->get_date_start() }}',

            endDate : ''

        });

        $("input[name='date_start']").change(function() {

            $("input[name='date_end']").datepicker({

                startDate :$("input[name='date_start']").val(),

            });

        });

    });



</script>

@endsection