@extends('layouts.master')

@section('pagetitle')
    Choix de la PMS - {{ Auth::user()->etab()->first()->nom }}
@endsection

@section('topband')
    @include('partials.topband_con')
@endsection

@section('sidebar')
    @include('partials.sidebar_con', ['open' => 'cord_pms'])
@endsection

@section('content')
    <div class="content-wrapper">
        <div class="container-fluid">

            <div class="row">
                <div class="col-md-12">
                
                    <h2 class="page-title text-center">CHOIX DE LA PMS (Pour ouverture de droits)</h2>

                    @include('partials.errors')
                    @include('partials.infos')
                    
                    <div class="row">
                            <div class="col-md-6">
                                <div class="panel panel-default">
                                    <div class="panel-heading">PMS "R-PayTV"</div>
                                    <div class="panel-body">
                                        <center><h5>La PMS <strong>R-PayTV</strong> ouvre les droits pour :</h5></center>
                                        <center>
                                        <span>
                                            <img src="{{ asset('/img/tv.jpg') }}" style="padding-right:4%;" >
                                            <img src="{{ asset('/img/vod.jpg') }}" >
                                        </span>
                                        </center>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="panel panel-default">
                                    <div class="panel-heading">PMS "CIEME"</div>
                                    <div class="panel-body">
                                        <center><h5>La PMS <strong>CIEME</strong> ouvre les droits pour :</h5></center>
                                        <center>
                                        <span>
                                            <img src="{{ asset('/img/tv.jpg') }}" style="padding-right:4%;" >
                                            <img src="{{ asset('/img/vod.jpg') }}" style="padding-right:4%;" >
                                            <img src="{{ asset('/img/wifi.jpg') }}" style="padding-right:4%;" >
                                            <img src="{{ asset('/img/tel.jpg') }}" >
                                        </span>
                                        </center>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-4 col-md-push-4">
                                <div class="panel panel-default">
                                    <div class="panel-heading">VOTRE CHOIX :</div>
                                    <div class="panel-body">
                                        <div class="form-group">
                                            <label class="col-sm-7 control-label">PMS à utiliser :
                                                <br>
                                            </label>
                                            <form method="POST" action="{{ url('/savechoixpms') }}" class="form-horizontal" >
                                            {{ csrf_field() }}
                                            <div class="col-sm-4">
                                                <div class="radio">
                                                    <input type="radio" name="radiopms" id="radiopaytv" value="R-PayTV" checked>
                                                    <label for="radiopaytv">
                                                        R-PayTV
                                                    </label>
                                                </div>
                                                <div class="radio">
                                                    <input type="radio" name="radiopms" id="radiocieme" value="CIEME">
                                                    <label for="radiocieme">
                                                        CIEME
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>

                    <div class="row col-md-8 col-md-push-2">
                        <button onclick="if (!(confirm('Confirmez-vous le choix de la PMS ' + $('input[name=radiopms]:checked').val() + ' ?'))) return false" style="font-size:15px;" class="btn btn-primary btn-block" type="submit">SUIVANT</button>
                    </div>
                </form>
            </div>

        @include('partials.footer')
            
        </div>
    </div>
@endsection